js出现页面颤抖用box-sizing还能用啥

JavaScript013

js出现页面颤抖用box-sizing还能用啥,第1张

由于题目描述的不是非常清楚,我猜测你可能是用js给页面元素添加了某些事件函数,触发的时候导致页面出现抖动的“意外”。一般来说,出现这样的情况是事件触发改变了正常文档流中元素的尺寸,包括width、padding和border。你说的box-sizing是解决办法之一,但是低版本的ie不支持(想必每一个写前端页面的,遇到要兼容ie6-8都想骂人),这时候可能让元素脱离文档流是办法之一,比如添加position:absolute属性。当然,由于元素脱离文档流对整个布局影响较大,这还得根据整个文档的布局来选择解决方法。

if(oDiv.offsetTop==itarget){clearInterval(timer)} 这里,oDiv.offsetTop和itarget相等的几率是很小的,所以会导致后来一直抖动

应该是设置rem的函数加载顺序问题,应该先加载这个函数和css再去加载dom,这样就没有自适应跳动的问题,如果在加载dom之后调用该函数的话(在body之后加载函数),这样进入页面,fontSize会先以默认值显示,当读取了设置函数后才进行自适应。