طريقة scrollTop() لـ jQuery

طريقة HTML/CSS لـ jQuery

يستخدم طريقة scrollTop() للحصول أو ضبط موقع الشريط المرجعي العمودي للعنصر المحدد.

عند استخدام طريقة scrollTop()الحصولعندما يكون الموقع، سيقوم بالعودةالعنصر المحدد الأولموقع الشريط المرجعي العمودي.

عند استخدام طريقة scrollTop()ضبطعندما يكون الموقع، سيكونجميع العناصر المحددةضبط موقع الشريط المرجعي العمودي.

القواعد：

الحصول على موقع الشريط المرجعي العمودي:

$("selector").scrollTop()

ضبط موقع الشريط المرجعي العمودي:

$("selector").scrollTop(value)

مثال

الحصول على scrollTop لـ DIV：

$("div").scroll(function(){
　　$("this").scrollTop();
});

ضبط scrollTop لـ DIV：

$("button").click(function(){
　　$("div").scrollTop(150);
});

ضبط scrollTop للمستند：

$("button").click(function(){
　　$(document).scrollTop(400);
});

إضافة تمرير سلسل لـ المستخدم عند تمرير الصفحة:

let　size　=　$(".main").height();　//　الحصول على طول ".main"
$(window).keydown(function(event)　{
　　if(event.which　===　40)　{　//　إذا تم ضغط زر السهم للأسفل
　　　　$("html,　body").animate({scrollTop:　"+="　+　size},　300);
　　}　else　if(event.which　===　38)　{　//　إذا تم ضغط زر السهم للأعلى
　　　　$("html,　body").animate({scrollTop:　"-="　+　size},　300);
　　}
});

قيمة المعدل

طريقة HTML/CSS لـ jQuery