84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
http://amazeui.org/widgets类似于这个网站的左侧导航那个
小伙看你根骨奇佳,潜力无限,来学PHP伐。
一般是在这个overflow:hidden;的容器上监听鼠标滚轮事件,然后在事件处理函数中处理列表滚动(调整列表位置)。
overflow:hidden;
其实还有一种方法,假设没有那个上下箭头的花,纯粹的为了隐藏滚动条,但是还可以滚动,可以类似于这样:
html 内容
html
内容
css.container {height:500px;overflow:hidden;width:200px;} .content {height:100%;overflow:auto;width:100%;padding-right:20px;}
css
.container {height:500px;overflow:hidden;width:200px;} .content {height:100%;overflow:auto;width:100%;padding-right:20px;}
基本原理都是overflow hiden之后,通过注册scroll事件 然后根据滚轮的wheeldata来判断滚轮方向,设定滚动的步长, 改变scrolltop
可以用Iscroll.js插件,官方地址一个比较直观的例子,你可以设置是否出现滚动条 http://lab.cubiq.org/iscroll5/demos/simple/同时支持手机上的拖拽事件。
一般是在这个
overflow:hidden;
的容器上监听鼠标滚轮事件,然后在事件处理函数中处理列表滚动(调整列表位置)。其实还有一种方法,假设没有那个上下箭头的花,纯粹的为了隐藏滚动条,但是还可以滚动,可以类似于这样:
基本原理都是overflow hiden之后,通过注册scroll事件 然后根据滚轮的wheeldata来判断滚轮方向,设定滚动的步长, 改变scrolltop
可以用Iscroll.js插件,官方地址
一个比较直观的例子,你可以设置是否出现滚动条 http://lab.cubiq.org/iscroll5/demos/simple/
同时支持手机上的拖拽事件。