随身笔记
随身笔记

解决:同时存在两个滚动层叠加时会冲突的问题

情景:body标签如果内容多自然会出现滚动条,但是如果在body 上有一个div且有 position: fixed;属性里面也出现滚动的情况,在手机里面这两个叠加的滚动层会优先滚动body的,而忽略了position: fixed;属性的div,造成不能滚动现象。

 

解决办法是,在要滚动fixed层时,禁止body滚动即可。

禁止body滚动时:

$('html,body').css({overflow:'hidden',height:'100%'});

 

解除禁止滚动时:

$('html,body').css({overflowY:'scroll',height:'auto'});

 

没有标签
首页      前端资源      解决:同时存在两个滚动层叠加时会冲突的问题

随身笔记

解决:同时存在两个滚动层叠加时会冲突的问题
情景:body标签如果内容多自然会出现滚动条,但是如果在body 上有一个div且有 position: fixed;属性里面也出现滚动的情况,在手机里面这两个叠加的滚动层会优先滚动body的,而忽略了posit…
扫描二维码继续阅读
2018-09-20