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

2018-9-20    分类: 前端资源

情景: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'});