如何修改x和y轴滚动条交叉地方的css样式

html-css027

如何修改x和y轴滚动条交叉地方的css样式,第1张

去掉横向滚动条:<body style='overflow:scrolloverflow-x:hidden'>

去掉竖向滚动条:<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

版权声明:本文为博主原创文章,转载请附上博文链接!