隐藏div上的滚动条，位置：固定属性[重复]
我似乎弄不明白，如何在设置了position：fixed属性的元素上隐藏滚动条。我需要一个固定的边菜单，在我的应用程序中有一个固定的高度，其余的内容应该是可滚动的。我已经尝试将它包装在另一个div中，并将父级的overflow属性设置为hidden，但这似乎对固定元素不起作用。如有任何建议，我们将不胜感激。下面是代码片段：
null
<!DOCTYPE html>
<html>
<head>
<title>Blabla</title>
</head>
<body>
<style>
.blabla {
position: fixed;
height: 150px;
width: 200px;
background: red;
/*overflow-y: hidden;*/
}
.blabla2 {
font-size: 20px;
text-align: center;
height: 149px;
overflow-y: scroll;
}
</style>
<div class="blabla">
<div class="blabla2">
blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>
blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>
blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>
blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>
blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>
</div>
</div>
</body>
</html>null
共有2个答案
我不确定我是否正确理解了您的问题，但如果您不希望固定字段是可滚动的，只需添加overflow：hidden；。
下面是一个工作示例
null
.blabla {
position: fixed;
height: 150px;
width: 200px;
background: red;
/*overflow-y: hidden;*/
}
.blabla2 {
font-size: 20px;
text-align: center;
height: 149px;
overflow: hidden;
}html prettyprint-override"><!DOCTYPE html>
<html>
<head>
<title>Blabla</title>
</head>
<div class="blabla">
<div class="blabla2">
blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br> blabla
<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br> blabla
<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br> blabla
<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br> blabla
<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>
</div>
</div>
</body>
</html>
.blabla2::-webkit-scrollbar {
width: 0px;
background: transparent;
}
来源：隐藏滚动条，但仍然可以滚动
-
我遇到了麻烦，试图隐藏滚动条对某些div。我在论坛上找到了一些解决方案，但它们从来不符合我的情况，所以我仍然在努力解决这个问题。我的问题：我试图隐藏滚动条在一个div嵌套在另一个div的非固定大小。（它们设置为身体的100%）。 以下是HTML： 和CSS： 此处提供代码本 我希望#event-list和#event-details没有滚动条，但仍然是可滚动的。如果你有什么想法（CSS？JS？jQ
-
目前，我正在使用以下代码显示滚动条： 使用此CSS时，滚动条始终可见，这意味着即使div中的内容没有溢出。 当内容符合提到的高度时，我如何隐藏它们？
-
CSS： 也就是立场：绝对；使它不同于其他类似的问题，我觉得。目前我可以隐藏滚动条，但当我调整浏览器窗口的大小时，你可以看到部分滚动条伸出来。
-
问题内容： 我的页面相当长，并且在布局菜单中有一个弹出菜单。我希望菜单的弹出部分显示在页面顶部，即使用户将菜单栏滚动到视线之外。这是菜单的HTML 这是脚本。我将导航栏“ .frozen_top”锁定到滚动浏览器窗口的顶部（到目前为止，它可以正常工作），但是此外，一旦锁定，我想更改“ 问题答案： 与其那样做，不如在窗口滚动后不让弹出按钮通过某个高度： jQuery CSS
-
我试图创建一个滚动条隐藏的页面，但你仍然可以滚动或点击链接向下滚动。我可以隐藏滚动条，但我不能在100%上留下一页滚动。HTML CSS
-
问题内容： 考虑这个图像。如您所见，它具有一个应用程序栏，而该应用程序栏具有“选项卡式”按钮。我正在尝试对应用 栏进行动画处理，以使其在向上滚动时隐藏，并且仅显示“选项卡按钮”，而在向上滚动时不显示应用栏。请 帮帮我。对不起英语不好而不不是美国人我不是英语 问题答案： 如果我对您的理解正确，以下代码应可使应用程序栏在滚动时隐藏，而TabBar仍可见： 示例来自于。这篇文章.