Home/ Questions/Q 6180935
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T00:55:57+00:00

I have a div that is scrollable that I want to conditionally stop scrolling.

  • 0

I have a div that is scrollable that I want to conditionally stop scrolling.

The code is something like:

if(theDiv.scrollTop + theDiv.clientHeight + thisScrollAmount > theDiv.scrollHeight)
    StopScrolling();

How can I get the amount the scroll scrolled?
(I know that event.wheelDelta is typically +-120, but it seems the amount that is actually scrolled when one scrolls can be quite different than that.)

EDIT
Apologies. It seems this question is unclear. I was looking for how much the div WOULD scroll if the event was not canceled by it’s handler. I was assuming that it took on different values, but it appears to only take on values +- 120.

Perhaps it should be deleted.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
        //Works pretty good

<style type="text/css">
  #divTest{width:150px;height:200px;overflow:auto}
</style>

<script>
  var  amountCanScroll = 400
  function maxScroll( ){
    if( document.getElementById('divTest').scrollTop > amountCanScroll){
      document.getElementById('divTest').scrollTop = amountCanScroll;
    }
  }
</script>


<body><div id="divTest" onscroll="maxScroll()" >
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
      1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
    </div>
</body>
    • 0