html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style>7
div.sticky {8
position: -webkit-sticky;9
position: sticky;10
top: 0;11
padding: 5px;12
background-color: #cae8ca;13
border: 2px solid #4CAF50;14
}15
</style>16
</head>17
<body>18
19
<p>尝试滚动页面。</p>20
<p>注意: IE/Edge 15 及更早 IE 版本不支持 sticky 属性。</p>21
22
<div class="sticky">我是粘性定位!</div>23
24
<div style="padding-bottom:2000px">25
<p>滚动我</p>26
<p>来回滚动我</p>27
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java