यह देखने के लिए जांचें कि क्या आईफ़्रेम में स्क्रॉलबार दिखाई दे रहे हैं?

Question

मैं सोच रहा था कि अगर कोई यह जांचने के लिए कैसे जांचता है कि आईफ्रेम में सामग्री बह रही है और स्क्रॉलबार दिखाई दे रहे हैं या नहीं?

धन्यवाद

Answer 1

आप अगर तत्व के scrollHeightclientHeight से अधिक है की जांच करना चाहते हैं, या अगर तत्व के scrollWidthclientWidth से अधिक है। यह सीधे उन गुणों के साथ किया जा सकता है, या jQuery द्वारा प्रदान की गई सहायक विधियों का उपयोग करके किया जा सकता है।

MDN: element.scrollHeight

If the element's content generated a vertical scrollbar, the scrollHeight value is equal to the minimum clientHeight the element would require in order to fit all the content in the viewpoint without using a vertical scrollbar. When an element's content does not generate a vertical scrollbar, then its scrollHeight property is equal to its clientHeight property. This can mean either the content is too short to require a scrollbar or that the the element has CSS style overflow value of visible (non-scrollable).

Answer 2

सामान्य रूप में आप तत्व की scrollHeight/scrollWidth और offsetHeight/offsetWidth के डेल्टा तुलना करनी चाहिए। यदि सकारात्मक है तो 'हमें विजेता मिला'। लेकिन .. जब एक iframe में स्क्रॉलबार की तलाश में, चीजों को एक छोटे से थोड़ा जटिल काम मिलता है:

var frm=document.getElementById("frm"); 
var iIsVrScrollBar = frm.contentWindow.document.documentElement.scrollHeight>frm.contentWindow.document.documentElement.offsetHeight ? 1 : 0; 
var iIsHrScrollBar = frm.contentWindow.document.documentElement.scrollWidth>frm.contentWindow.document.documentElement.offsetWidth ? 1 : 0; 

Answer 3

मैं यह काम करने के लिए प्राप्त करने के लिए कोड को संशोधित करने के लिए किया था।

1) IFRAME & सामग्री पर एक ही वेबसाइट/फ़ोल्डर संरचना

2) प्रक्रिया सही

3 करने के लिए "sizewindow" सेटिंग ने उकसाया है) यह झलकी एक टाइमर समारोह सेट का भाग है anout 0.5 सेकंड

4) IE11 पर परीक्षण किया, FF34 & 35, क्रोम 31 & 40, & ओपेरा 12,6

5) सक्रिय ग पर स्तोत्र केवल सामग्री की तुलना में बड़ा करने के लिए खिड़की आकार,

देख http://www.users.waitrose.com/~cresby/map2.htm

if (sizewindow){ 
    if(iIsVrScrollBar==1) { 
    frm.style.height = (frm.contentWindow.document.body.offsetHeight+20); 
    iIsVrScrollBar = (frm.scrollWidth!=frm.contentWindow.document.documentElement.scrollWidth) ? 1 : 0; 
    if(iIsVrScrollBar==0) sizewindow=false; 
}else{ 
    frm.style.height = (frm.contentWindow.document.body.offsetHeight-10); 
    iIsVrScrollBar = (frm.scrollWidth!=frm.contentWindow.document.documentElement.scrollWidth) ? 1 : 0; 
    if(iIsVrScrollBar==1) {frm.style.height = (frm.contentWindow.document.body.offsetHeight+10);} 
} 
}