search

Home  >  Q&A  >  body text

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

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

PHP中文网PHP中文网2815 days ago226

reply all(6)I'll reply

  • PHPz

    PHPz2017-04-10 17:49:47

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

    reply
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-10 17:49:47

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

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-10 17:49:47

    对呀

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

    reply
    0
  • 高洛峰

    高洛峰2017-04-10 17:49:47

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

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

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

    reply
    0
  • 黄舟

    黄舟2017-04-10 17:49:47

    描点

    js: jQuery .animate()

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

    reply
    0
  • 怪我咯

    怪我咯2017-04-10 17:49:47

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

    reply
    0
  • Cancelreply