gpt4 book ai didi

css - 将固定元素放置在浏览器滚动条上方

转载 作者:行者123 更新时间:2023-12-02 14:25:33 26 4
gpt4 key购买 nike

基本上,我想显示一个覆盖页面上所有内容的覆盖 div,包括滚动条。

固定元素是否可以出现在页面滚动条上方?我尝试将滚动条的 z-index 设置为 -1,但显然不起作用。

最佳答案

这是不可能的,但一个简单的替代方法是关闭 body 元素上的滚动条并将其引入内部元素中。

CSS:

/* these three elements are sized to fit the screen */
html, body, .content-wrapper {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
overflow-y: hidden; /* no scrollbars on the body */
}
/* this element gets the scrollbars */
.content-wrapper {
overflow-y: auto;
}

html:

<html>
<body>
<div class='content-wrapper'>
<!-- put your content here -->
</div>
</body>
</html>

现在您的页面看起来与以前完全相同,但您可以将元素放在滚动条顶部。

这是一个example .

关于css - 将固定元素放置在浏览器滚动条上方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16365320/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com