在网页设计中,有时我们需要实现一部分内容可以随着页面滚动而移动,而另一部分内容保持不动,这时我们可以利用CSS来实现这样的效果。 首先,我们需要为要保持不动的内容的父元素设置一个固定的高度和宽度,并将
.parent{ position: relative; height: 500px; width: 100%; }
.fixed-element{ position: absolute; top: 0; left: 0; }
.scroll-container{ position: absolute; top: 0; left: 0; height: 100%; overflow: auto; }
<div class="parent"> <div class="fixed-element">我是要保持不动的内容</div> <div class="scroll-container"> <p>这是可以滚动的内容</p> <p>这是可以滚动的内容</p> <p>这是可以滚动的内容</p> <p>这是可以滚动的内容</p> </div> </div>
粉丝
0
关注
0
收藏
0