jquery - 如何删除响应菜单下方的背景滚动

标签 jquery html css responsive-design

我正在开发一个简单的响应式菜单。一切正常,除了当菜单变大并且您滚动到它的底部时,它会继续滚动它下面的所有内容,这是它自己的页面。是否可以删除它。

您可以在 this 上进行测试链接。

如果你用手机打开,菜单会滚动到底部,然后它会继续滚动背景,也就是正文,所以我试图阻止它。

谢谢

最佳答案

在 css 中创建类 disableScroll .disableScroll{ 溢出:隐藏 }

当用户单击“#menu-toggle-wrapper”时,将类“disableScroll”添加到主体元素,这将禁用背景滚动,然后在用户单击导航链接或“#menu-”时从主体元素中删除“disableScroll”类toggle-wrapper' 启用页面滚动

关于jquery - 如何删除响应菜单下方的背景滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27039527/

相关文章:

javascript - 重新加载后检测窗口的存在

video - HTML5 视频 : Force abort of buffering

javascript - 如何使具有不同数据的两个 div 中的相同范围可用?

html - CSS:@media 打印没有外部 css 文件?

javascript - 使用 JavaScript 模拟 CSS 悬停

javascript - 如何向包含特定尺寸图像的父 Div 添加类?

jquery - 尝试使用未加载的 map : world_mill

javascript - 无法获取动态创建元素的 id

html - 如何在移动网络中居中 Bootstrap 导航栏菜单?

javascript - 响应式 CSS 菜单在调整大小时打开后不会返回全宽