去掉竖向滚动条:<body style='overflow:scrolloverflow-y:hidden'>
两个都去掉:<body scroll="no">
css是无法实现的,您要横向滚动只有通过js监听页面的拖动事件才行。给你个插件可以研究研究,这插件能让你体验到win8切换的效果。
如果你非要用滚轮来响应横向滚动 你还是得用js监听滚轮,给滚轮绑定一个事件,没次滚动都使div 内容向某个方向animate移动一个固定距离
css部分.parent{
position:relative
height:100%//高度根据需求自行设定
}
.child{
position:absolute
left:0
top:0
right:0
bottom:0 //left,top,right,bottom都为0,充满真个页面
overflow-y:auto
overflow-x:hidden//设置Y轴出现滚动条,X轴隐藏
}
html部分
<div class="parent">
<div class="child"></div>
</div>
---------------------
作者:Franklin_hemm_2012
来源:CSDN
原文:https://blog.csdn.net/franklin_hemm_2012/article/details/78640753
版权声明:本文为博主原创文章,转载请附上博文链接!