我在顶部有一个固定的工具栏。页面的滚动条用于整个页面。工具栏不会从顶部移动,并且始终可见,我对此没有任何问题。但我只希望页面的内容可滚动而不是整个页面
示例我在body内部有一个名为div的内容,我只希望它是可滚动的,而不是整个body
代码
<body>
<div>
<div class="Top">
<?php $var = 1; include('PHP/ToolBar.php') ?>
</div>
<div class="content">
<h5>Page Content</h5>
</div>
</div>
</body>
整个页面滚动,但我只希望content可滚动。
将Webkit用于自定义滚动条
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
background: #333333;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: #555555;
}
我将不提供特定的解决方案,因为有几种不同的实现方法,具体取决于您希望事物滚动或不滚动的精确程度,因此建议您首先阅读有关CSS的定位和布局的信息:] >
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout
https://developer.mozilla.org/en-US/docs/Web/CSS/position
https://css-tricks.com/almanac/properties/p/position/
玩得开心!
如果您的页面仅分为。Top
希望对您有帮助。