如何在单击特定按钮时禁用正文滚动
如何在单击特定按钮时禁用正文滚动
提问于 2016-02-16 00:38:50
我创建了一个带有菜单和内容的HTML页面。
在桌面上一切正常，但在移动设备中单击菜单时，当滚动菜单时，主体内容与菜单项重叠(当滚动菜单时，内容也在滚动)。
我尝试使用overflow: hidden和position:fixed，但它使整个页面不可滚动，即使没有单击按钮也是如此。
有谁能帮我一下吗？
我尝试了以下几种方法：
我的JS：
$(document).ready(function () {
$("#mobile-toggle").click(function () {
$('body').css('overflow', 'hidden');
});
});我的按钮：
<button id="mobile-toggle" class="mobile-toggle">
_('mobile-toggle')<span></span>
</button>它会在点击时禁用滚动，但在移动设备上不起作用。
回答 2
Stack Overflow用户
发布于 2016-02-16 00:43:15
您需要修改css以使其具有响应性-这将是一个很好的开始Responsive Design
Stack Overflow用户
发布于 2016-02-16 02:09:02
尝试使用选择器也以html元素为目标：
$('body,html').css('overflow', 'hidden'); 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35414531
复制相关文章
相似问题
腾讯云开发者
