代码之家 › 专栏 › 技术社区 › user1715848

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

smooth-scrolling scroll jquery

user1715848 · 技术社区 · 12 年前

我有一个链接,它在滚动时会改变垂直位置。当我点击这个链接时,我想(顺利地)转到页面上的某个位置,这个链接距离页面顶部正好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>

1 回复 | 直到 12 年前

Blender 12 年前

试试这个。您的语法有点偏离:

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

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

推荐文章

osteopathx · 使用jquery通过HTML按钮水平滚动全景图像

7 年前

Zay · 2个div,具有响应滚动的固定图像

7 年前

miss.emenems · 仅当元素到达窗口顶部时调用函数一次

7 年前

Tobias von Falkenhayn · 如何为无休止的滚动回收视图绘制背景

7 年前

dungey_140 · jQuery根据滚动位置添加类

7 年前

Marco · 滚动时在视口中显示元素

7 年前

CoÅkun Cengiz · 在listview中显示或隐藏对象

7 年前

Albeld · Autoscroll网站始终保持相同的速度

7 年前

peace_love · 如何使表格滚动到某个位置?

7 年前

joedoesnotknow · 添加新元素时如何滚动到div底部

7 年前