我试图隐藏水平滚动条,以使用户无法滚动。我在某处读到我的body标签应该包含100%的宽度并设置了overflow-x:hidden,但以下代码却可以在移动媒体查询上滚动一下,如下所示:
https?:\/\/\w+\.\w+\/([\w-]+)\/
答案 0 :(得分:0)
检查以下示例,我将div宽度设置为大于窗口,并在body标签中,使用 overflow-x:隐藏移除了滚动条。
由于我无权访问您的消息来源,所以我无济于事。
HTML
<body>
<div class="scroll">
<p>Hi</p>
</div>
</body>
CSS
body {
overflow-x: hidden;
}
.scroll {
min-height:800px;
min-width: 1000px;
}
工作示例:FiddleJs Example,请注意,如果您删除了溢出Y,则会显示水平条。也许您正在覆盖溢出,请尝试将其标记为:
溢出-y:隐藏!重要
或打开控制台并在那里进行调试。