js上下滚动出现卡顿

发布网友 发布时间:2022-04-21 19:07

我来回答

2个回答

热心网友 时间:2022-04-24 16:42

谷歌浏览器下还是很正常的啊。。没有卡顿的。


不知道你说的卡顿是不是指在滚动到顶端的时候的跳动。。

确实跳了一下。

如果你的p标签没有重置margin、padding的话,可以这么改

if (demo2.offsetHeight - demo.scrollTop  + 16< 0)//当滚动至demo1与demo2交界时 
            demo.scrollTop -= demo1.offsetHeight + 16//demo跳到最顶端
}

16是谷歌浏览器下p标签默认的margin-top的值。

这样就不会有跳动了。

热心网友 时间:2022-04-24 18:00

这是最古老的js滚动代码了,人家的最初完成dome 是没问题的,估计的看到的是不知道转手多少次的了

问题出在这
demo.scrollTop -= demo1.offsetHeight //demo跳到最顶端

在浏览器中 P有默认margin ; 但margin 高度不计算在 offsetHeight
<style>p{ margin:0px;}</style>

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com