CSS中左右滑动与上下滑动的简便方法和安卓微信浏览器兼容

admin

如果是上下滑动的话，首先需要在css代码块中限定一个高度。如果是左右滑动的话，首先需要在css代码块中限定一个宽度。

1. height: 330px;

复制代码

上下滑动：

1. overflow-y: scroll;

复制代码

左右滑动：

1. overflow-x: scroll;

复制代码

如果是在安卓微信浏览器下需要加入：

1. -webkit-overflow-scrolling: touch;

复制代码

结合如果不想展示滚动条上下滑动的实例：

1. .category_left {
   
2.         height: 330px;        /*设定高度*/
   
3.         overflow-y: scroll;                /*上下滑动*/
   
4.         -webkit-overflow-scrolling: touch;        /*兼容安卓微信浏览器*/
   
5. }
   
6. 
   
7. /*如果不想(隐藏)展示滚动条*/
   
8. .category_left::-webkit-scrollbar {
   
9.     display: none;
   
10. }

复制代码