jQuery在整个身体上平滑滚动而不是DIV

时间:2015-12-31 16:01:27

标签: javascript jquery html css

此网站的div平滑滚动:

http://fatlinesofcode.github.io/jquery.smoothwheel/demo/smoothwheel.html

但是如何在整个body而不是div上进行平滑滚动?

2 个答案:

答案 0 :(得分:1)

您可以使用以下内容:

True/False

它将平滑滚动整个页面,而不是特定的$(function() { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top }, 1000); return false; } } }); }); 。这个问题的主要症结是:

div

有关详细信息,请查看文章:Smooth Scrolling

答案 1 :(得分:0)

如果您打算使用您引用的jQuery扩展:查看源代码,您只需在文档而不是div上调用smoothWheel函数。

https://fatlinesofcode.github.io/jquery.smoothwheel/src/jquery.smoothwheel.js

<强>初始化:

$(document).smoothWheel()

停用功能

$(document).smoothWheel({'remove':true})

<强>样本:

https://jsfiddle.net/SeanWessell/0omtkbvt/