在实现现在用的这个主题的时候想增加平滑滚动功能,上网找了一下,网上几乎所有的代码都不能用,让我很不开心,就咨询了一下职业前端艾可,得到了一个比较好的解决方案,如下:
1 | $("html,body").animate({scrollTop: 0}, 300, 'swing'); |
解释一下,因为兼容性的问题,直接用$(document)
去选择或者用$("body")
去选择都是不明智的,事实证明也是如此,有的浏览器下能滚有的不能,而且在一些比较奇怪的情况下页面也不滚,具体原因是什么我也懒得深究了。
300是秒数,swing是动画过度的速率公式,可能的取值为:swing和liner,可以通过jQuery UI库增加动画类型,不过为了个动画单独调用一个库我觉得是不明智的。
以上~