jQuery का उपयोग कर एक डीआईवी में स्क्रॉल बार की उपस्थिति का पता लगाना?

Question

मैं jQuery का उपयोग कर एक डीआईवी में स्क्रॉल बार की उपस्थिति का पता लगाना चाहता हूं। मैं $('div').scrollTop() का उपयोग करने के बारे में सोच रहा था, लेकिन जब स्क्रॉल बार शीर्ष पर होता है और जब कोई स्क्रॉल बार नहीं होता है तो यह दोनों मामलों में 0 देता है।

कोई विचार विचार लोग?

Answer 1

div पर overflow मान लिया जाये कि auto है:

लपेटें सामग्री है कि एक DIV के साथ बढ़ता है, तो मैं अगर एक (का पता लगाने:

var div= document.getElementById('something'); // need real DOM Node, not jQuery wrapper 
var hasVerticalScrollbar= div.scrollHeight>div.clientHeight; 
var hasHorizontalScrollbar= div.scrollWidth>div.clientWidth; 

Answer 2

खैर मैं कर रहा द्वारा एक हल निम्नलिखित समाप्त हो गया लंबवत) wrapperDiv की ऊंचाई की तुलना करके containerDiv की ऊंचाई के साथ स्क्रॉल बार मौजूद है (यदि सामग्री बहुत बड़ी है तो आमतौर पर स्क्रॉल बार होता है)।

यदि wrapperDiv की ऊंचाई containerDiv की ऊंचाई से बड़ी है तो स्क्रॉल बार है, यदि यह छोटा है, तो कोई स्क्रॉल बार नहीं है।

<DIV id="containerDiv" style="width:100px;height:100px;overflow:auto;"> 
    <DIV id="wrapperDiv"> 
     .... content here... 
    </DIV> 
</DIV> 

Answer 3

// plugtrade.com - jQuery detect vertical scrollbar function // 
(function($) { 
    $.fn.has_scrollbar = function() { 
     var divnode = this.get(0); 
     if(divnode.scrollHeight > divnode.clientHeight) 
      return true; 
    } 
})(jQuery); 

उदाहरण:

if($('#mydiv').has_scrollbar()) { /* do something */ } 

Answer 4

मैं को संशोधित करेगा क्या bobince ऊपर उल्लेख किया है जब से तुम jQuery

var div= $('#something'); 
var hasVerticalScrollbar= div[0].scrollHeight > div[0].clientHeight; 
var hasHorizontalScrollbar= div[0].scrollWidth > div[0].clientWidth; 

इसका कारण यह है scrollHeight और scrollWidth डोम गुण हैं के लिए पूछ रहे हैं।