html – 可滚动但不滚动条

前端之家收集整理的这篇文章主要介绍了html – 可滚动但不滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何让DOM对象(如div)能够滚动鼠标上的滚轮或箭头键(如overflow:scroll),但不显示滚动条(如overflow:hidden)?

解决方法

您可以将绑定事件侦听器设置为scrolldown / scrollup(通过鼠标事件,查看event.wheelDelta来计算滚动的大小和尺寸),并手动将绝对定位的div放置在另一个固定高度内绝对/相对定位的div.所以在向下滚动你减少内部div的y位置,并向上滚动你增加y位置.

对于箭头键,只需将类似的功能绑定到downdown /向上箭头的keydown事件检查.

我在这里做了一个jsfiddle例子:http://jsfiddle.net/wsmithrill/U7ju8/32/

猜你在找的HTML相关文章