wild84
wild84
采纳率91.6%
2018-10-24 14:17

移动端 弹出模态框如何禁止body拽动

5

移动端 弹出模态框如何禁止body拽动?
现在弹出模态框后,有时候模态框内容可以上下滑动,
有时候会滑动到整个页面。
试了网上的方法:给body或html加100%,不起作用
给模态框阻止事件冒泡:模态框也不能滑动了。
请教大神给解决方案,如果真能解决问题,分不会少。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • devmiao devmiao 3年前
  • jslang 天际的海浪 3年前

    弹出框用position: fixed;定位,这样就算body拽动,弹出框也不会动。

    还可以在弹出框显示时,将body设置overflow: hidden;,在弹出框关闭后,再取消overflow: hidden;

    点赞 评论 复制链接分享

相关推荐