gpt4 book ai didi

javascript - 如何使网页的一部分不随页面的其余部分滚动?

转载 作者:行者123 更新时间:2023-11-29 18:19:11 25 4
gpt4 key购买 nike

我是网页设计新手,打算制作一个简单的网页。我喜欢这个网页的想法:

http://dropplets.com/

顶部不与页面的其余部分一起滚动,提供整洁的滚动效果,以及可滚动部分的顶部恰好位于网页底部(如“单击鼠标滚轮的“,您将立即开始看到滚动部分)。这样的事情是如何成为可能的?

最佳答案

只需给出位置:固定;和 z-index:1 到你想在滚动和包装器中返回的顶部部分给出 position:relative; z-index:2;

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style>
.fix-div{position:fixed; height:100%; width:100%; left:0; top:0; z-index:1;}
#wrapper{position:relative; z-index:2; margin:100% 0 0;}
</style>
</head>

<body>
<div class="fix-div">
Fix div content goes here...
</div>
<div id="wrapper">
Your content goes here...
</div>
</body>
</html>

关于javascript - 如何使网页的一部分不随页面的其余部分滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20463225/

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