Javascript On Scroll

Question

I am trying to make it so that when I scroll my page up or down it runs a different corresponding function. I found a similar question here but I have tried their answers and have had no luck.
NOTE: This page does not have a normally appearing scrollbar. There is nowhere to scroll to.

body {
  width: 100%;
  height: 100vh;
}

<body>
  <p>This is an example of the type of page I am talking about. It has a full page &lt;body&gt; which is what I have been trying to add the onscroll function to. I am open to other solutions though.
</body>

Vineesh · Accepted Answer · 2018-11-22 03:28:07Z

1

Try this

window.addEventListener('wheel', function(e) {
  if (e.deltaY < 0) {
    console.log('scrolling up');
  }
  if (e.deltaY > 0) {
    console.log('scrolling down');
  }
});

body {
  width: 100%;
  
}

<body>
  <p>This is an example of the type of page I am talking about. It has a full page &lt;body&gt; which is what I have been trying to add the onscroll function to. I am open to other solutions though.
</body>

edited Nov 22, 2018 at 3:28

answered Nov 22, 2018 at 3:18

Vineesh

3,78222 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

kevinuulong Over a year ago

No luck. The page I am trying to do this with does not have anywhere to scroll to.

Collectives™ on Stack Overflow

Javascript On Scroll

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related