Agg*_*Dev 3 html javascript css web
我对网页设计很陌生,我将制作一个简单的网页。我喜欢这个网页的想法:
顶部不与页面其余部分一起滚动的地方,提供了一个整洁的滚动效果,以及可滚动部分的最顶部就在网页的底部(如“单击”鼠标滚轮,您将立即开始看到滚动部分)。这样的事情是如何成为可能的?
只给位置:固定;和 z-index:1 到要返回滚动和包装器的顶部的位置:相对;z-索引: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>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
11573 次 |
| 最近记录: |