窗口抖动问题思考与解决

首先 窗口抖动分两种 一种是鼠标有问题,以滚动窗口抖动。这里不做讨论。

我们这里 说的是因为经常有 header 在最顶层,做菜单栏 也在最顶层。只有主窗口 内容一旦大于当前页面,会自动生成滚动条。上下华东查看内容。

原因分析:

使用蚂蚁金服的标签,当header设置offsetTop={0} 最顶层时,main窗口内容总长度一旦大于当前窗口,滚动条一上滑小于header高度是。就可以完全显示所有内容,滚动条就会消失,一旦消失,内容又大于高度,增加滚动条。重复 就会形成 抖动现象。


解决方式:不再使用原来的方式,main主显示区 添加 padding等于header 高度,滚动条一直存在即可解决此问题。

demo 代码:




    
    


我是一个悬浮窗
这里是内容


你可能感兴趣的:(node.js,标签,窗口抖动,offsetTop)