🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jQuery HoverScroll for the Horizontal & Vertical Scroll On Hover functionality that enables you to scroll up/down a scrollable container with mouse hover instead of mouse wheel.

scrollbar

Documentation

HoverScroll

by Ramesh Kithsiri


You can turn any div is scroll-able with this jquery plugin. you don't want to dragging while scrolling. It will scrolling auto with your mouse pointer.

Installation

CDN:-

  1. Download the hoverscroll.css and hoverscroll.js files.
  2. Copy these files to your css folder and js folder
  3. Put
<link type="text/css" rel="stylesheet" href="css/hoverscroll.css"/>  <script type="text/JavaScript" src="https://code.jquery.com/jquery-3.2.1.js"></script>  <script type="text/JavaScript" src="js/hoverscroll.js"></script> 

In your html <head> tag.

Usage

Add a scrollX and scrollY classes to your div.

For vertical scroll

<div class="scrollY"></div>

For horizontal scroll

<div class="scrollX"></div>


You May Also Like