Question

scroll时不能平滑滚动的问题怎么处理

Answer 1

1、阻止所有能导致页面滚动的事件。//scroll不能阻止，只能阻止mousewheel，鼠标拽滚动条就悲剧了；
2、bodyoverflow:hidden//win下右侧滚动条会消失导致页面横移，移动端阻止不了；
3、把滚动部分单独放在一个div里，和弹出部分同级，body和window同高。//所有涉及offset/scrollTop的方法都要修改。fix并且width100%的元素(比如微博顶栏)会压在内容区滚动条上；
4、弹出时算scrollTop，给内容区fix然后top移动到目前位置，同时body给一个overflow-y:scroll强撑出滚动条。

Answer 2

1、阻止所有能导致页面滚动的事件。//scroll不能阻止，只能阻止mousewheel，鼠标拽滚动条就悲剧了； 2、bodyoverflow:hidden//win下右侧滚动条会消失导致页面横移，移动端阻止不了； 3、把滚动部分单独放在一个div里，和弹出部分同级，body和window同高。//所有涉及offset/scrollTop的方法都要修改。fix并且width100%的元素(比如微博顶栏)会压在内容区滚动条上； 4、弹出时算scrollTop，给内容区fix然后top移动到目前位置，同时body给一个overflow-y:scroll强撑出滚动条。

Answer 3

我这边给出两个解决方案，
1，减少页面的dom节点数量，一个好的页面不能有太多太复杂的页面结构，影响页面渲染时候，页面渲染时间，具体的可以通过“document.getElementsByTagName('*').length”检查，
可以去看看已知的好的页面，看看他们的节点数来评估。
2，适当的节流，做一个假的滚动条，然后监听，当移动到一定程度时候，调整目标区域的scroll-top值。这样会大量减少，浏览器重绘次数，并列表结构时有较好体验。