dragNscroll Plugin Examples
A jQuery scroll on drag plugin that allows users to scroll a page (or any scrollable element) by using mouse drag, similar to the swipe up/down behavior in mobile devices.
With Default Settings
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac posuere lacus, eget dapibus urna. Proin commodo posuere orci, a mattis diam rhoncus ac. Curabitur rutrum mi purus, congue vulputate libero placerat a. Quisque aliquam ante varius risus lobortis lobortis. Cras viverra dignissim sagittis. Nullam porttitor convallis ullamcorper. Suspendisse in blandit lectus. Curabitur justo magna, convallis in dolor at, egestas condimentum turpis.
Vivamus fermentum mauris finibus nunc placerat dignissim. Nullam at mollis massa. Ut nunc tellus, semper ac nunc id, faucibus vestibulum dui. Donec neque mi, congue et eleifend nec, auctor quis odio. Nullam eu leo id elit eleifend sodales. Sed tempus viverra justo, mollis semper nibh iaculis in. Nullam consequat dapibus turpis, ut aliquam eros scelerisque id. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi vulputate eros quis lectus finibus, ac malesuada velit molestie. Sed porttitor est in bibendum rutrum. Aliquam erat volutpat. Proin non velit sed metus ullamcorper blandit vitae vel elit. Nunc quis nisl eu sapien pretium volutpat. Fusce metus quam, elementum sit amet purus et, hendrerit viverra velit. Nunc lacus augue, tempor ut tincidunt venenatis, tincidunt vitae nibh. Nulla lacus sapien, venenatis ut pulvinar nec, malesuada vel odio.
Fusce neque orci, egestas ut auctor quis, pulvinar eu dui. In eget erat vitae metus congue mattis. Integer bibendum velit ultrices leo cursus interdum. Mauris vestibulum ipsum at nulla bibendum placerat. Quisque in condimentum urna, eu tempor velit. Aenean in vehicula risus, vel faucibus ligula. Cras non augue ligula. Integer tristique elit eu pharetra faucibus. Curabitur tortor ipsum, tempus at risus sit amet, vestibulum dignissim lorem. Maecenas fringilla dictum varius. Suspendisse eu convallis tortor, in porttitor urna. Proin luctus nunc sed posuere tempus. Etiam lectus eros, placerat non purus ac, cursus fringilla tellus. Donec condimentum venenatis maximus. Sed lobortis erat id elit elementum aliquam. Sed nisi felis, molestie at lectus facilisis, imperdiet auctor ante.
Reverse Direction
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac posuere lacus, eget dapibus urna. Proin commodo posuere orci, a mattis diam rhoncus ac. Curabitur rutrum mi purus, congue vulputate libero placerat a. Quisque aliquam ante varius risus lobortis lobortis. Cras viverra dignissim sagittis. Nullam porttitor convallis ullamcorper. Suspendisse in blandit lectus. Curabitur justo magna, convallis in dolor at, egestas condimentum turpis.
Vivamus fermentum mauris finibus nunc placerat dignissim. Nullam at mollis massa. Ut nunc tellus, semper ac nunc id, faucibus vestibulum dui. Donec neque mi, congue et eleifend nec, auctor quis odio. Nullam eu leo id elit eleifend sodales. Sed tempus viverra justo, mollis semper nibh iaculis in. Nullam consequat dapibus turpis, ut aliquam eros scelerisque id. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi vulputate eros quis lectus finibus, ac malesuada velit molestie. Sed porttitor est in bibendum rutrum. Aliquam erat volutpat. Proin non velit sed metus ullamcorper blandit vitae vel elit. Nunc quis nisl eu sapien pretium volutpat. Fusce metus quam, elementum sit amet purus et, hendrerit viverra velit. Nunc lacus augue, tempor ut tincidunt venenatis, tincidunt vitae nibh. Nulla lacus sapien, venenatis ut pulvinar nec, malesuada vel odio.
Fusce neque orci, egestas ut auctor quis, pulvinar eu dui. In eget erat vitae metus congue mattis. Integer bibendum velit ultrices leo cursus interdum. Mauris vestibulum ipsum at nulla bibendum placerat. Quisque in condimentum urna, eu tempor velit. Aenean in vehicula risus, vel faucibus ligula. Cras non augue ligula. Integer tristique elit eu pharetra faucibus. Curabitur tortor ipsum, tempus at risus sit amet, vestibulum dignissim lorem. Maecenas fringilla dictum varius. Suspendisse eu convallis tortor, in porttitor urna. Proin luctus nunc sed posuere tempus. Etiam lectus eros, placerat non purus ac, cursus fringilla tellus. Donec condimentum venenatis maximus. Sed lobortis erat id elit elementum aliquam. Sed nisi felis, molestie at lectus facilisis, imperdiet auctor ante.
allowThrowing: false
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac posuere lacus, eget dapibus urna. Proin commodo posuere orci, a mattis diam rhoncus ac. Curabitur rutrum mi purus, congue vulputate libero placerat a. Quisque aliquam ante varius risus lobortis lobortis. Cras viverra dignissim sagittis. Nullam porttitor convallis ullamcorper. Suspendisse in blandit lectus. Curabitur justo magna, convallis in dolor at, egestas condimentum turpis.
Vivamus fermentum mauris finibus nunc placerat dignissim. Nullam at mollis massa. Ut nunc tellus, semper ac nunc id, faucibus vestibulum dui. Donec neque mi, congue et eleifend nec, auctor quis odio. Nullam eu leo id elit eleifend sodales. Sed tempus viverra justo, mollis semper nibh iaculis in. Nullam consequat dapibus turpis, ut aliquam eros scelerisque id. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi vulputate eros quis lectus finibus, ac malesuada velit molestie. Sed porttitor est in bibendum rutrum. Aliquam erat volutpat. Proin non velit sed metus ullamcorper blandit vitae vel elit. Nunc quis nisl eu sapien pretium volutpat. Fusce metus quam, elementum sit amet purus et, hendrerit viverra velit. Nunc lacus augue, tempor ut tincidunt venenatis, tincidunt vitae nibh. Nulla lacus sapien, venenatis ut pulvinar nec, malesuada vel odio.
Fusce neque orci, egestas ut auctor quis, pulvinar eu dui. In eget erat vitae metus congue mattis. Integer bibendum velit ultrices leo cursus interdum. Mauris vestibulum ipsum at nulla bibendum placerat. Quisque in condimentum urna, eu tempor velit. Aenean in vehicula risus, vel faucibus ligula. Cras non augue ligula. Integer tristique elit eu pharetra faucibus. Curabitur tortor ipsum, tempus at risus sit amet, vestibulum dignissim lorem. Maecenas fringilla dictum varius. Suspendisse eu convallis tortor, in porttitor urna. Proin luctus nunc sed posuere tempus. Etiam lectus eros, placerat non purus ac, cursus fringilla tellus. Donec condimentum venenatis maximus. Sed lobortis erat id elit elementum aliquam. Sed nisi felis, molestie at lectus facilisis, imperdiet auctor ante.