Question

我在单页网站上使用以下脚本来实现流畅的滚动效果：

$('a').click(function(){
$('html, body').animate({
    scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    return false;
});

如何将减去100px的偏移量集成到此脚本中？对不起，我是一个jQuery新手...感谢您的帮助和最好的问候。

Answer 1

也许只需从偏移值中减去100 ......？

scrollTop: $( $.attr(this, 'href') ).offset().top - 100

Answer 2

将- 100添加到scrolltop值

$('a').click(function(){
$('html, body').animate({
    scrollTop: $( $.attr(this, 'href') ).offset().top - 100
    }, 500);
    return false;
});

Answer 3

尝试以下代码： -

scrollTop: $( $.attr(this, 'href') ).offset().top - 100

演示： -

http://jsfiddle.net/fpxuC/404/

Answer 4

这与普通减法一样简单。只需减去required offset值即可。在你的情况下，它是100px。这个： -

$('a').click(function(){
     $('html, body').animate({
       scrollTop: $( $.attr(this, 'href') ).offset().top - 100
     }, 500);
   return false;
});

在页面上滚动并显示偏移量

4 个答案: