被问到一个关于回到顶部的组件问题

Question

常见的监听scroll据说性能不好，但是好像这个方案挺主流的请问大家有什么优化特别好的点子

Answer 1

参考一下loaddash debounce函数 做一下函数稀释 这样可以提高性能

Answer 2

回到顶部？ 用a标签的href＝'#sth'?

Answer 3

对呀

<a href="#"><>
//即简单又简单又简单

Answer 4

回到顶部的按钮不需要监听scroll事件吧？只要监听点击事件。

$('#btn').click(function() {
    $('html,body').animate({'scrollTop':0});
});

另外，<a href="#"></a>不能添加animate的吧。

Answer 5

描点

js： jQuery .animate()

或者 直接 document.body.scrollTop|document.documentElement.scrollTop = 0

Answer 6

如果你的”回到顶部“按钮，比如会根据滑动>500px出现或者<500px消失，并且有一定的动画的话。监听scroll比较合适。如果只是单纯的回到顶部，楼上的方案不错