Question

41

Disable Mouse-wheel to scroll up or down

rated 0 times [ 44] [ 3] / answers: 1 / hits: 19083 / 10 Years ago, thu, september 18, 2014, 12:00:00

I have two pages, these are the conditions I cannot achieve, please let me know if it is not possible.

In one page, I need to disable the mouse-wheel to scroll up. So when I scroll up with mouse-wheel nothing happens, but when I scroll down the page scrolls.

In the other page, I want the exact opposite, I need to disable the scrolling down on mouse-wheel. So when I scroll down nothing happens, but when I scroll up the page scrolls.

This is all i really need, but if you think I need to explain more, please let me know, thank you.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

destiniemartinac

Add To Favorites

Follow

Total Points: 92

Total Questions: 106

Total Answers: 111

Location: Cyprus

Member since Mon, Oct 24, 2022

2 Years ago

destiniemartinac questions

1 How to get Element by XPATH in JavaScript?

Thu, Oct 28, 21, 00:00, 3 Years ago

1 Trying to make input box appear from button click - Javascript

Tue, Sep 21, 21, 00:00, 3 Years ago

1 how to convert JSON into multipart/form-data

Sat, Mar 13, 21, 00:00, 3 Years ago

1 How can I create a button that increments a counter when clicked?

Thu, Jun 4, 20, 00:00, 4 Years ago

1 How to change the text color in TextInput?

Wed, May 20, 20, 00:00, 4 Years ago

View All

answered 10 Years ago dannyc · Accepted Answer

Case of preventing mouse scroll down (for mouse scroll up just change comparison operator to '<'):

$(window).on(wheel mousewheel, function(e){

    if(e.originalEvent.deltaY > 0) {

        e.preventDefault();

        return;

    } else if (e.originalEvent.wheelDeltaY < 0) {

        e.preventDefault();

        return;

    }    

});

We need to check for two values because of cross-browser issues.

jsFiddle link

P. S. Warning. Since later versions of Chrome decides to treat all window events as passive by default, the code above won't work in Chrome. Will come with a better solution and update this answer ASAP.