如何防止水平滚动条滚动?

时间:2018-12-18 02:04:46

标签: html css

我试图隐藏水平滚动条,以使用户无法滚动。我在某处读到我的body标签应该包含100%的宽度并设置了overflow-x:hidden,但以下代码却可以在移动媒体查询上滚动一下,如下所示:

https?:\/\/\w+\.\w+\/([\w-]+)\/

enter image description here

1 个答案:

答案 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:隐藏!重要

或打开控制台并在那里进行调试。