2012-10-04 24 views
9

Mam łącze, które zmienia pozycję w pionie podczas przewijania. Chcę przejść do pewnej pozycji (płynnie) na mojej stronie, gdy kliknę ten link, który znajduje się dokładnie 1080px od góry strony.jQuery Przewiń x pikseli od górnej krawędzi strony po kliknięciu linku

Nie mogę go uruchomić, mam nadzieję, że ktoś może mi pomóc.

Link:

<img src="img/clickme.png" style="cursor: pointer;" class="scroll"/> 

Skrypt:

<script type="text/javascript"> 
$(document).ready(function() { 
$(".scroll").click(function(event){  
$('html, body').animate({scrollTo({ top: '+1080px',}, 800); 
}); 
}); 
</script> 

Odpowiedz

21

Spróbuj zamiast tego. Składnia było się trochę:

$(document).ready(function() { 
    $(".scroll").click(function(event){ 
     $('html, body').animate({scrollTop: '+=1080px'}, 800); 
    }); 
}); 

Demo: http://jsfiddle.net/m4Aaz/2/

+0

Jak mogę zatrzymać tego przewijanie ?? Nie mogę zatrzymać tego przewijania za pomocą "$ (" html, body '). stop() ". ?? czy mógłbyś zaproponować sposób? Dziękuję Ci – Eann

Powiązane problemy