gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 22:20:12 33 4
gpt4 key购买 nike

我有一个链接,可以在滚动时更改其垂直位置。当我点击此链接时,我想(平滑地)转到页面上的某个位置,该位置距离页面顶部正好 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>

最佳答案

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

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

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

关于jQuery 单击链接时从页面顶部滚动 x 像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12719741/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com