實現按住鼠標拖動滾動：dragscroll
Dragscroll是一個很小的javascript庫(978 bytes minified)，能夠通過實現按住鼠標拖動實現頁面滾動(drag-n-drop style, online demo).
用法
Download the distribution, unpack it and load thedragscroll.jsin a preferrable way. That is an UMD module, thus for instance it may simply be loaded as a plain JavaScript file using the<script>tag:
<script src="dragscroll.js"></script>
Add thedragscrollclass to a scrollable element:
<div class=dragscroll> Big text goes here... </div>
That's it! Now you can scroll it by dragging. You can also add thedragscrollclass to the<body>element and drag the whole page.
Keep in mind that now it is not possible to select the content with mouse, so apply thecursor: default;CSS style to prevent confusing the users (or evencursor: grab;in case the content is not a text).
If you add (or remove) thedragscrollclass after the page was loaded, invokedragscroll.reset()to update the listeners.