jQuery单击链接时从页面顶部滚动x像素

Posted 2023-05-09

【中文标题】jQuery单击链接时从页面顶部滚动x像素

【英文标题】：jQuery Scroll x pixels from top of the page when clicking a link

【发布时间】：2012-09-25 01:04:47

【问题描述】：

我有一个链接可以在滚动时改变其垂直位置。当我单击此链接时，我想（平稳地）转到我页面上的某个位置，该链接距离页面顶部正好 1080 像素。

我不能让它工作，希望有人能帮助我。

链接：

<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>

【参考方案1】：

试试这个。你的语法有点不对：

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

演示：http://jsfiddle.net/m4Aaz/2/

【讨论】：

我怎样才能停止这种滚动？我无法通过 " $('html, body').stop()" 停止这种滚动。 ??你能建议一个方法吗？谢谢