我有固定元素和滚动条的问题。有没有办法将父元素的滚动条后面的固定元素移动?这里是fiddle。父元素的固定元素叠加滚动条
body {
margin: 0;
}
.scrollable-container {
height: 100vh;
overflow-y: scroll;
}
.very-long-content {
height: 5000px;
}
.fixed-element {
background-image: url(http://space-kids.org/wp-content/uploads/2016/02/jupiter.png);
background-size: 100% 100%;
height: 300px;
position: fixed;
right: -100px;
top: calc(50% - 150px);
width: 300px;
}
<section class="scrollable-container">
<section class="very-long-content">
<div class="fixed-element"></div>
</section>
</section>
设置'的z-index:-1;' –