JS - 滚动事件(onscroll)

JavaScript022

JS - 滚动事件(onscroll),第1张

当浏览器滚动条滚动时会触发 onscroll 事件，通常情况下指上下滚动条滚动。

需要注意的是，浏览器一旦检测到滚动条发生滚动，就可以触发 onscroll 事件，而无需等到滚动行为结束。

下面的例子演示了一个极普遍的应用：利用 onscroll 事件检测滚动条位置，当向下滚动到一定位置时，在页面右下角会出现“返回顶部”的锚链接，以方便网站用户快速返回顶部。

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

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

确实跳了一下。

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

if (demo2.offsetHeight - demo.scrollTop  + 16< 0)//当滚动至demo1与demo2交界时 

            demo.scrollTop -= demo1.offsetHeight + 16//demo跳到最顶端

}

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

这样就不会有跳动了。