正文
html5滚动列表,css3实现列表滚动
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
HTML5如何隐藏和显示页面滚动条？
用CSS可以实现效果。代码如下： html{height:100%;}body{height:100%;overflow:hidden;}//overflow:hidden为隐藏滚动条 body{overflow:scroll;}//如果内容高度大于屏幕就会显示滚动条
html5怎么让html（浏览器）滚动条居中
不能，滚动条例如IE是不完美支持的，所以不要想能去让其居中。。实测代码不支持，反馈的是一个数字（我这里是1375，就是1680-控制台（开发者选项）的宽度）
document.body.scrollLeft=document.body.offsetWidth/2;
如何用html5实现左侧是滚动菜单，选中后右边呈现效果
这问题好纠结，最少来个截图啊，给你写个吧，粘过去就行，不行的话留个q，继续问
!DOCTYPE html
html
head
meta charset="utf-8" /
title选项卡/title
style type="text/css"
::-webkit-scrollbar{width:0px}
*{ margin:0; padding:0}
ul{
list-style: none;
}
.tab{
width: 600px;
margin: 80px auto;
}
.tab .tab_menu{
float:left;
height: 138px;
width: 90px;
overflow-y:scroll;
}
.tab .tab_menu ul{width:60px;}
.tab .tab_menu ul li{
width: 60px;
text-align: center;
line-height: 30px;
}
.tab .tab_menu ul li:last-child{
border-right:none;
width:60px;
}
.tab .tab_menu ul li.on{
background: #999;
}
.tab_box{float:left;}
.tab .tab_box div{
width: 300px;
height: 138px;
border:1px solid #6cf;
display: none; //将三个内容框架全隐藏，通过下面的:first-child属性只将第一个框架内容显示出来
}
.tab .tab_box div:first-child{
display: block;
}
/style
/head
body
!--整体构局说明，用ul完成按钮的横向布局，用div完成三个内容框架的垂直布局（类似于类表），然后将三个内容框架全隐藏，通过下面的:first-child属性只将第一个框架内容显示出来--
div class="tab"
div class="tab_menu"
ul
li class="on"实事/li
li政治/li
li体育/li
li实事/li
li政治/li
li体育/li
li实事/li
li政治/li
li体育/li
li实事/li
li政治/li
li体育/li
/ul
/div
div class="tab_box"
div实事内容/div
div政治内容/div
div体育内容/div
div实事内容/div
div政治内容/div
div体育内容/div
div实事内容/div
div政治内容/div
div体育内容/div
div实事内容/div
div政治内容/div
div体育内容/div
/div
/div
script type="text/javascript" src=""/script
script type="text/javascript"
$(function(){
$(".tab_menu ul li").click(function(){
$(this).addClass("on").siblings().removeClass("on"); //切换选中的按钮高亮状态
var index=$(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的
$(".tab_box div").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
});
});
/script
/body
/html
HTML5网页header多出来一个滚动条
页面自己的事情。
对于那些需要滚动条的页面，可以设置css属性over-flow，hidden不让滚动条出现。也可以自己滚动，只要在页面中按中键，然后上下移动就可以了。
html5 移动页面如何去掉滚动条
用CSS可以实现效果。代码如下： html{height:100%;}body{height:100%;overflow:hidden;}//overflow:hidden为隐藏滚动条 body{overflow:scroll;}//如果内容高度大于屏幕就会显示滚动条
