我正在设计一个网站,其中我希望在顶部有一个 toolbar
,无论滚动如何,toolbar
div 将始终位于顶部。这是我目前所拥有的:
<div class="stuckpart">
<button type="button">this button is fixed</button>
</div>
<div id="table_div"></div>
我正在使用 google table
js 库在 table_div
中附加一个表格,但是当我向下滚动表格时,按钮
位于顶部与 table 重叠。如何解决这个问题?
更具体地说:我想要的是这样的 w3school确实如此,他们的工具栏始终位于顶部。
我将如何实现这样的事情? jsfiddle
中的一个小演示会很酷。
最佳答案
.stuckpart{
position:fixed;
padding-bottom: 200px;
z-index:100
}
z-index 将解决您的重叠问题。
关于html固定div被其他div重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33574705/