介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
,& lt; title>楼层跳跃式的页面布局& lt;/title>
,& lt; meta charset=皍tf-8"比;
,& lt; style 类型=拔谋?css"比;
*{才能
,,,保证金:0;
,,,填充:0;
,,}
身体,才能,html {
,,,身高:100%;
,,}
ul{才能
,,,list-style:没有;
,,,身高:100%;
,,}
李ul {才能
,,,身高:100%;
,,}
ol{才能
,,,list-style:没有;
,,,位置:固定;
,,:200 px;
,,,左:50 px;
,,}
李ol {才能
,,,宽度:50 px;
,,,身高:50 px;
,,,边界:1 px solid # 000;
,,,text-align:中心;
,,,行高:50 px;
,,,margin-top: 1 px;
,,,光标:指针;
,,}
,& lt;/style>
& lt;/head>
& lt; body>
& lt; ul>
,& lt; li>第一区域& lt;/li>
,& lt; li>第二区域& lt;/li>
,& lt; li>第三区域& lt;/li>
,& lt; li>第四区域& lt;/li>
& lt;/ul>
& lt; ol>
,& lt; li> 1 & lt;/li>
,& lt; li> 2 & lt;/li>
,& lt; li> 3 & lt;/li>
,& lt; li> 4 & lt;/li>
& lt;/ol>
& lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" myScroll.js ">
这篇文章给大家分享的是有关如何使用纯html + css + javascript实现楼层跳跃式的页面布局的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
实现效果演示:
实现代码及注释:
