Drag-n-scroll also on desktop devices, by LCweb

No dependencies vanilla javascript function to easily implement a nice drag-to-scroll effect using dsektop mouse.

- optionally set a mobile-device-like smooth drag animation on drag end
- optionally control only one scroll axis

Everything in less than 2KB.

Installation & Usage

1. include lc-mouse-drag.min.js

2. call the function targeting one/multiple page elements and eventually fill optional parameters.

NB: first parameter may be a textual selector or a DOM object (yes, also jQuery objects)


``html

`


NB: Is essential to have a proper HTML/CSS setup in order to have it working.

For example, on desktop, you must use overflow: hidden; on the target element.

Please check the demo.html code to better understand.

The function also sets an utility class on the BODY element to know if page is being viewed on a mobile device (not needing this function).

This is the CSS code used in the demo to apply the proper CSS only on affected devices


`html

``


*


Copyright © Luca Montanari - LCweb