【问题标题】:Prevent body scrolling when a fixed div is scrolled?滚动固定div时防止正文滚动?
【发布时间】:2016-05-23 09:37:39
【问题描述】:

我有一个仅在手机上出现的固定滑动菜单,我遇到的问题是,当我触摸向下滚动菜单时,所有正文元素也向下滚动,我想在触摸滚动导航时防止正文滚动元素,我尝试了很多js代码但没有,请帮助。 PS:我要滚动的菜单在body里面,我也不想阻止它滚动

【问题讨论】:

  • 请在您的问题中包含最低限度的 HTML、CSS 和 Javascript。

标签: javascript jquery html css


【解决方案1】:

首先要使菜单足够大以使其需要滚动,因此,假设您的菜单包装器的高度为 200 像素。内部内容至少应超过 200 像素。

之后你可以添加overflow-y:scroll;到你的菜单包装 CSS 选择器。

如果您遇到问题,http://iscrolljs.com 应该可以帮助您!

【讨论】:

  • 菜单是可滚动的,这不是问题,问题是随着菜单滚动而滚动
  • 好吧,那么使用 lib 将是一个不错的选择 - 至少我在开发的产品中使用了它。无论如何,如果你有一个链接,也许我可以更好地理解这个问题。
猜你喜欢
  • 1970-01-01
  • 2018-10-03
  • 1970-01-01
  • 1970-01-01
  • 2021-07-29
  • 1970-01-01
  • 1970-01-01
  • 2012-11-24
  • 1970-01-01
相关资源
最近更新 更多