المعنى: ارتفاع شريط التمرير
الوظائف: تحميل التمرير (AJAX) ، قم بتمرير تحديد المواقع الثابتة للملاحة ، التمرير ، تحديد موقع إطار الرصاص ، إلخ.
يوضح آثار التمرير التنقل وتوصيل الشريط الجانبي الموضع الثابت:
1. متصفح الكروم
كل من المستند.
2. الاختلافات بين scrolltop في كل متصفح
IE6/7/8/9/10:
للحصول على صفحات بدون إعلان Doctype ، يمكنك استخدام document.body.scrolltop للحصول على ارتفاع scrolltop ؛
بالنسبة للصفحات التي تحتوي على إعلانات doctype ، يمكنك استخدام document.documentElement.scrolltop ؛
سفاري:
Safari مميز تمامًا ، ولديه وظيفته الخاصة للحصول على scrolltop: window.pageyoffset ؛
Firefox:
Firefox وغيرها من المتصفحات القياسية نسبيًا أكثر خالية من القلق ، فقط استخدمها مباشرة
document.documentElement.scrolltop ؛
3. احصل على قيمة scrolltop
مثالي للحصول على عبارة تعيين Scrolltop:
var scrolltop = document.documentElement.scrolltop || window.pageyoffset || document.body.scrolltop ؛
ملاحظة: مشكلة في استخدام Scrolltop في JavaScript
document.documentElement.scrolltop يشير إلى الإحداثيات الرأسية لشريط التمرير
document.documentElement.clientheight يشير إلى ارتفاع المنطقة المرئية للمتصفح.
document.documentElement.Clientheight-Odiv هو الإحداثي الرأسي الأولي للمربع المعلق (نسبة إلى القيمة العليا للجسم) (تم إصلاح هذه القيمة)
ومع ذلك ، عندما تقوم بسحب شريط التمرير ، يجب زيادة أو انخفاض الإحداثيات الرأسية (الهدف) للإطار العائم بناءً على الإحداثي الأولي للحصول على تأثير التمرير بصريًا مع شريط التمرير. قيمة الزيادة أو النقص هي المسافة التي يسحبها شريط التمرير ، أي Scrolltop
دعني أخبرك ما هو الفرق بين Scrolltop و Offsettop في JavaScript
يشير Scrolltop إلى المسافة التي يتم عندها تمرير كتلة قابلة للتمرير لأسفل ، مثل التمرير لأسفل بمقدار 10 بكسل ، ثم قيمة سمة Scrolltop لهذا العنصر هي 10 ؛
Offsettop هي المسافة المطلقة بين الحدود العلوية للعنصر والحدود العلوية للعنصر الأصل.
لا يصف الاثنان نفس الشيء ، لذلك لا توجد مقارنة.
ما سبق هو الوصف الكامل لـ Scrolltop في JavaScript الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كنت تريد معرفة المزيد ، فيرجى الانتباه إلى wulin.com!