可滚动但没有滚动条

saw*_*awa 15 html css html5 css3

如何让像div这样的DOM对象能够使用鼠标滚轮或箭头键(如overflow:scroll)滚动,但不显示滚动条(如overflow:hidden)?

Mat*_*ows 5

您可以将事件侦听器绑定到scrolldown/scrollup(通过mousewheel事件,查看event.wheelDelta到calc大小和scroll的directino)并手动将绝对定位div放在另一个固定高度绝对/相对定位div内.因此,在向下滚动时,您可以减小内部div的y位置,向上滚动可以增加y位置.

对于箭头键,只需将类似的函数绑定到适当的向下/向上箭头的keydown事件检查.

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