如何让底层body不滚动,弹窗里的内容可以滚动

京都玩家 2017-01-16 03:52:10
各位:
如下:移动端当有弹层的时候禁止页面滚动,弹窗里的内容可以滚动!
各位有没有好点的方法?多谢
不希望给body,html加上overflow:hidden;height:100%(体验性不好);


...全文
1664 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
qing_bing88 2017-01-24
  • 打赏
  • 举报
回复
推荐一篇文章 http://www.zhangxinxu.com/wordpress/2016/12/web-mobile-scroll-prevent-window-js-css/
京都玩家 2017-01-17
  • 打赏
  • 举报
回复
你这个意思应该是给底层fixed吧,但是这样会影响我之前做的文档流,因为原先头部会有滑动固定效果;
引用 1 楼 jslang 的回复:
#div { position: fixed; left: 0; bottom: 0; }
京都玩家 2017-01-17
  • 打赏
  • 举报
回复
你这个意思应该是给底层fixed吧,但是这样会影响我之前做的文档流,因为原先头部会有滑动固定效果;
京都玩家 2017-01-17
  • 打赏
  • 举报
回复
不行
引用 4 楼 ljheee 的回复:
相对 position在底部
ljheee 2017-01-17
  • 打赏
  • 举报
回复
相对 position在底部
天际的海浪 2017-01-16
  • 打赏
  • 举报
回复
#div { position: fixed; left: 0; bottom: 0; }

39,083

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧