我有一个链接,可以在滚动时改变其垂直位置。当我单击此链接时,我想(顺利地)转到页面上的某个位置,该链接距离页面顶部正好 1080px。
我无法让它工作,希望有人可以帮助我。
链接:
<img src="img/clickme.png" style="cursor: pointer;" class="scroll"/>
脚本:
<script type="text/javascript">
$(document).ready(function() {
$(".scroll").click(function(event){
$('html, body').animate({scrollTo({ top: '+1080px',}, 800);
});
});
</script>
试试这个。你的语法有点不对劲:
$(document).ready(function() {
$(".scroll").click(function(event){
$('html, body').animate({scrollTop: '+=1080px'}, 800);
});
});
演示:http://jsfiddle.net/m4Aaz/2/