bgcd.net
当前位置:首页 >> html5 导航栏左右滑动 >>

html5 导航栏左右滑动

给装两个分类的div加上overflow:scroll试试,分类内部的元素float:left

.content { width:960px; height:2024px; border:1px solid #000; margin:0 auto;}.nav { width:100%; height:30px; margin:0 auto; background:#f00; position:fixed; bottom:0; text-align:center;}导航

HTML5是无法做这个事情的。 准确点说应该是用CSS的响应式布局。 这个东西你可以去看一下bootstrap,这个前端框架就是大量利用了这个技术。

修改的就是那些top之类的,如下所示:从第一个变成第二个。。。

设置楼层效果,当滚动超过限制的时候,使用另一种样式

一般来说导航栏是放在一个网页里的,然后所有的网页都以调用的方式在顶部添加这个网页。这样,更改这个网页,其他网页也相应显示更改后的样子了。 以top.html为例, 在index.html(首页)就以进行调用

导航条 body { margin: 0; box-sizing: border-box; } .nav { /*最外层框宽度*/ width: 150px; } .nav ul { margin: 0; padding: 0; } .nav ul li { list-style: none; display: block; border: 1px solid #000000; box-sizing: border-box; } ...

如果不是页面切换的话,滚动的位置是不发生变化的应该

宽高用百分比,然后用@media控制字体大小什么的,具体你可以去bootstrap的官网上看下他官网的代码。

是字都是竖着放的,除了给旋转的样式 你的意思是不是竖着排的,比如 栏 目 导 航

网站首页 | 网站地图
All rights reserved Powered by www.bgcd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com