可以使用CSS隐藏滚动条吗?你会怎么做?
overflow: hidden;
像这样在body标签上设置:
<style type="text/css">
body {
overflow: hidden;
}
</style>
上面的代码同时隐藏了水平和垂直滚动条。
如果只想隐藏 垂直滚动条 ,请使用overflow-y
:
<style type="text/css">
body {
overflow-y: hidden;
}
</style>
如果只想隐藏 水平滚动条 ,请使用overflow-x
:
<style type="text/css">
body {
overflow-x: hidden;
}
</style>
目前,我正在使用以下代码显示滚动条: 使用此CSS时,滚动条始终可见,这意味着即使div中的内容没有溢出。 当内容符合提到的高度时,我如何隐藏它们?
问题内容: 考虑这个图像。如您所见,它具有一个应用程序栏,而该应用程序栏具有“选项卡式”按钮。我正在尝试对应用 栏进行动画处理,以使其在向上滚动时隐藏,并且仅显示“选项卡按钮”,而在向上滚动时不显示应用栏。请 帮帮我。对不起英语不好而不不是美国人我不是英语 问题答案: 如果我对您的理解正确,以下代码应可使应用程序栏在滚动时隐藏,而TabBar仍可见: 示例来自于。这篇文章.
问题内容: 我希望能够滚动浏览整个页面,但不显示滚动条。 在谷歌浏览器中: 但是Mozilla Firefox和Internet Explorer似乎无法正常工作。 我也在CSS中尝试过: 那确实隐藏了滚动条,但我不能再滚动了。 有什么办法可以删除滚动条,同时仍然可以滚动整个页面? 请仅使用CSS或HTML。 问题答案: 只是测试工作正常。 JavaScript: 由于滚动条的宽度在不同的浏览器中
我试图创建一个滚动条隐藏的页面,但你仍然可以滚动或点击链接向下滚动。我可以隐藏滚动条,但我不能在100%上留下一页滚动。HTML CSS
问题内容: 我有一个固定宽度但高度可变的HTML文本区域。我想设置并能够显示一个垂直滚动条,但不能显示水平滚动条。由于其他与我的情况有关的其他原因,我无法使用。 我知道无法使用CSS2仅显示垂直滚动条,而不能显示水平滚动条。我可以使用JavaScript隐藏水平滚动条吗? 问题答案: 您可以像这样使用CSS:
我有一个,其元素样式如下: 我需要允许滚动沿Y轴当它变得高于300px,这工作很好。但我需要将设置为滚动条本身。 我尝试使用这个元素样式: 当它隐藏滚动条时,它也不允许滚动。有没有一种方法可以在滚动条不可见的情况下滚动?