仅滚动页面的一部分

问题描述 投票:0回答:3

我在顶部有一个固定的工具栏。页面的滚动条用于整个页面。工具栏不会从顶部移动,并且始终可见,我对此没有任何问题。但我只希望页面的内容可滚动而不是整个页面

示例我在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;
}
html css scroll
3个回答
0
投票

我将不提供特定的解决方案,因为有几种不同的实现方法,具体取决于您希望事物滚动或不滚动的精确程度,因此建议您首先阅读有关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/

玩得开心!


0
投票

如果您的页面仅分为。Top


-1
投票

希望对您有帮助。

© www.soinside.com 2019 - 2024. All rights reserved.