আমি কীভাবে স্ক্রোলহাইট নির্ধারণ করব?


96

আমি কীভাবে একটি বিভাগের উচ্চতা সিএসএস ওভারফ্লো ব্যবহার করব: অটো?

আমি চেষ্টা করেছিলাম:

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

শেষ পর্যন্ত, আমি একটি চ্যাট তৈরি করার চেষ্টা করছি এবং সর্বদা পর্দার বর্তমান বার্তায় স্ক্রোল বারটি রাখি।

সুতরাং আমি নিম্নলিখিত মত কিছু ভাবছিলাম:

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

ধন্যবাদ,

ব্রায়ান


স্ক্রোলহাইট () ব্যবহার করে কী ভুল?
বদর হরি

4
@ বদরহারি: scrollHeight()jQuery তে কোনও ফাংশন নেই ।
টিজে ক্রাউডার

এটি $ ('পরীক্ষা')। (0) .স্ক্রোলহাইট () পান;
জেফৌড

উত্তর:


91

scrollHeight একটি নিয়মিত জাভাস্ক্রিপ্ট সম্পত্তি তাই আপনার jQuery প্রয়োজন হয় না।

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

ধন্যবাদ! এটি আমার জন্য কাজ করেছে: var উচ্চতা = ডকুমেন্ট.সেটমেন্ট বিইআইডি ("চ্যাটলগ")। স্ক্রোলহাইট - $ ('# চ্যাটলগ')। উচ্চতা (); '(' # chatLog ')। স্ক্রোলটপ (উচ্চতা);
ব্রায়ান

6
ব্রাউজার সমর্থন সম্পর্কে কি? ব্রাউজারগুলির সমস্ত বড় সংস্করণ এটি সমর্থন করে? আইই 8 +?
সেক্সিবিস্ট

4
@ কুপিডভোগেল লিঙ্কযুক্ত এমডিএন পৃষ্ঠাটি আইই 8 + +
ডেনিস

320

JQuery এর সঠিক উপায়গুলি হ'ল -

  • $('#test').prop('scrollHeight') বা
  • $('#test')[0].scrollHeight বা
  • $('#test').get(0).scrollHeight

16
1 ('# পরীক্ষা') এর জন্য +1 [0] .স্ক্রোলহাইট, প্রদত্ত প্রশ্নকর্তা ইতিমধ্যে jQuery ব্যবহার করছেন।
জ্যাকসন

12
এটি প্রশ্নের গ্রহণযোগ্য উত্তর হওয়া উচিত কারণ এটি প্রশ্নের উত্তর দেয়।
19:50

এটি গ্রহণযোগ্য উত্তর হওয়া উচিত। লক্ষ্য করুন যে propপদ্ধতিটির জন্য jquery সংস্করণ 1.6 বা তার বেশি হওয়া দরকার। আমার কাছ থেকে +1
ভাইয়েন

4
নোট করুন এটি কেবল পাওয়া "প্রথম" উপাদানটির স্ক্রোলহাইটটি ফেরত দেয় এবং যদি কোনও উপাদান বর্তমানে "লুকানো" থাকে তবে অন্যের ইতিবাচক স্ক্রোলহাইট, এফডাব্লুআইডাব্লু থাকলেও আপনি এখানে একটি শূন্য পেতে পারেন :)
রোজারডপ্যাক

@ আরগারডপ্যাক গুড পয়েন্ট স্যার! যদিও এই উদাহরণে তিনি নির্বাচক হিসাবে ক্লাসের পরিবর্তে একটি আইডি ব্যবহার করছেন যাতে তার ঠিক হওয়া উচিত, তবে তবে ভাল পয়েন্ট।
dave4jr
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.