Preventing default mouse scrolling in jquery

See more:

Javascript

jQuery

I am currently trying to build my own slider, but I would like to know how to prevent the page from scrolling when am over a particular div.

I tried using the codes below :

$(document).ready(function () {
   $("#tracks").mouseenter(function (e) {
     e.preventDefault();
     e.stopPropagation();
     onNavigate();
    });
  });

The onNavigate() method is supposed to move the scroll bar up and down, but the default operation of the mouse is preventing me the code from performing the operation. Thanks for usual help.