工作位置如何粘性相对窗口？
工作位置如何粘性相对窗口？
提问于 2018-08-25 23:57:52
假设我们有一个水平滚动的窗口。
页面上还有另一个区块。如果将其设置为position: relative并设置为top: 20px，是否意味着从窗口顶部开始的20px位于可见区域或包括滚动？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-26 00:19:31
这是你的问题的演示。不确定这是否回答了您的问题，请随意编辑。
https://jsfiddle.net/joshmoto/zbc12ayu/1/
@import "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css";
.scroll-x {
overflow-x: scroll;
height: 400px;
border: 2px dotted #e83e8c;
}
.top-block {
position: relative;
top: 20px;
height: 40px;
background: rgba(0,0,0,0.75);
color: #ffffff;
line-height: 40px;
text-align: center;
}
.scolling-content {
background-image: linear-gradient(to right, orange, yellow, green, cyan, blue, violet);
width: 2560px;
height: 400px;
}<div class="container mt-3">
<h4 class="mt-3 mb-3">Scroll Horizontal</h4>
<div class="scroll-x">
<div class="top-block"><code>position: relative; top: 20px;</code></div>
<div class="scolling-content"></div>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52018948
复制相关文章
相似问题