In the visual poor slide, in order to beautiful need to hide the scroll bar, no scroll bar can not start scroll () event, so you may use the mouse wheel event instead.
The use of native JS mouse wheel event will have compatibility issues, for jquery also did not implement the mouse wheel event, there is a good jquery plug-in can compensate
Document: Https://github.com/jquery/jquery-mousewheel
Example: HTTP://SANDBOX.RUNJS.CN/SHOW/IFZ4R8BX
Core code:
$('Body'). Bind ('MouseWheel', Function (Event){ //Three Properties//DeltaX don't know what to do.//DeltaY down to-1 and vice versa to +1//Deltafactor should be the range of scrolling, different browsers are not the sameConsole.log (Event. DeltaX,Event. DeltaY,Event. Deltafactor); var_this = $ ( This), Top= _this.scrolltop () +Event. deltafactor*Event. deltay*-1; _this.scrolltop (top);});
Mouse wheel Plug-in