Home/ Questions/Q 6564801
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T14:00:46+00:00

I have a little div with the css rules width: 100px; height:100px; overflow-y: scroll;

  • 0

I have a little div with the css rules

width: 100px; height:100px;  overflow-y: scroll; overflow-x: hidden;

How can i check -> if div scroll possible (aktiv)?

A little example.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In your example:

    this:

    $(function(){
    $('body').append('content 1: ' + $('#my_div1').hasScrollBar()+'<br />');
    $('body').append('content 2: ' + $('#my_div2').hasScrollBar()+'<br />');
    $('body').append('content 3: ' + $('#my_div2').hasScrollBar()+'<br />');
    $('body').append('content 4: ' + $('#my_div2').hasScrollBar()+' <-- must be true <br />');
});

    must be:

    $(function(){
    $('body').append('content 1: ' + $('#my_div1').hasScrollBar()+'<br />');
    $('body').append('content 2: ' + $('#my_div2').hasScrollBar()+'<br />');
    $('body').append('content 3: ' + $('#my_div3').hasScrollBar()+'<br />');
    $('body').append('content 4: ' + $('#my_div4').hasScrollBar()+' <-- must be true <br />');
});

    Then result for #my_div4 is true as expected. Small copy/paste error.

    New jsfiddle –> http://jsfiddle.net/5kpvT/

    • 0