मैं स्क्रॉलहाइट कैसे निर्धारित करूं?

Question

मैं कैसे निर्धारित करता हूं कि स्क्रॉलहाइट डिविजन के सीएसएस ओवरफ्लो का उपयोग करें: ऑटो?

मैंने कोशिश की:

$('test').scrollHeight();
$('test').height(); but that just returns the size of the div not all the content

अंततः, मैं एक चैट बनाने की कोशिश कर रहा हूं और स्क्रीन पर वर्तमान संदेश पर हमेशा स्क्रॉल बार होना चाहिए।

तो मैं निम्नलिखित की तरह कुछ सोच रहा था:

var test = $('test').height();
$('test').scrollTop(test);

धन्यवाद,

ब्रायन

Comments

स्क्रॉलहाइट () का उपयोग करने में क्या गलत है?

— बदर हरि

@BadrHari: scrollHeight()jQuery में कोई फ़ंक्शन नहीं है ।

— टीजे क्राउडर

यह $ ('परीक्षण') है। (0) .scrollHeight ();

— JFouad

Answer 1

scrollHeight एक नियमित जावास्क्रिप्ट संपत्ति है, इसलिए आपको jQuery की आवश्यकता नहीं है।

var test = document.getElementById("foo").scrollHeight;

Comments

धन्यवाद! इसने मेरे लिए काम किया: var height = document.getElementById ("chatLog")। स्क्रॉलहाइट - $ ('# chatLog')। height (); $ ( '# chatLog') scrollTop (ऊंचाई)।

— ब्रायन

ब्राउज़र समर्थन के बारे में क्या? ब्राउज़र के सभी प्रमुख संस्करण इसका समर्थन करते हैं? IE8 +?

— सेक्सीबीस्ट

@Cupidvogel लिंक किए गए MDN पृष्ठ IE8 +

— डेनिस

Answer 2

JQuery में सही तरीके हैं -

• $('#test').prop('scrollHeight') या
• $('#test')[0].scrollHeight या
• $('#test').get(0).scrollHeight

आशा करता हूँ की ये काम करेगा।

Comments

+1 के लिए +1 ('# परीक्षण') [0] .scrollHeight, यह पूछते हुए कि पहले से ही jQuery का उपयोग कर रहा था।

— जैक्सन

यह स्वीकृत उत्तर होना चाहिए क्योंकि यह प्रश्न का उत्तर देता है।

— आमंत्रित करें

यह स्वीकृत उत्तर होना चाहिए। ध्यान दें कि propविधि को jquery संस्करण 1.6 या उससे अधिक की आवश्यकता है। +1 मुझसे

— वायन

ध्यान दें कि यह केवल "पहला" तत्व का स्क्रॉलहाइट लौटाता है और यदि कोई तत्व वर्तमान में "छिपा हुआ" है, तो आपको यहां एक शून्य मिल सकता है, भले ही दूसरों के पास एक सकारात्मक स्क्रॉल हो, FWIW :)

— rogerdpack

@rogerdpack गुड पॉइंट सर! हालांकि इस उदाहरण में वह चयनकर्ता के रूप में एक वर्ग के बजाय एक आईडी का उपयोग कर रहा है, इसलिए उसे ठीक होना चाहिए, लेकिन फिर भी अच्छा बिंदु नहीं है।

— dave4jr