طريقة jQuery scrollLeft()

طريقة HTML/CSS jQuery

يستخدم طريقة scrollLeft() للحصول أو تعيين موقع شريط التمرير الأفقي للعنصر المحدد.

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

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

النحو:

الحصول على موقع شريط التمرير الأفقي:

$("selector").scrollLeft()

إعداد موقع شريط التمرير الأفقي:

$("selector").scrollLeft(value)

المثال

الحصول على scrollLeft لـ DIV:

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

إعداد scrollLeft لـ DIV:

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

إعداد scrollLeft للملف:

$("button").click(function() {}}
　　$(document).scrollLeft(300);
});

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

let size = $(".main").outerWidth(); // الحصول على عرض ".main"
$(window).keydown(function(event) {
　　if(event.which === 39) { // إذا تم ضغط زر السهم الأيمن
　　　　$("html, body").animate({scrollLeft: "+=" + size}, 250);
　　} else if(event.which === 37) { // إذا تم ضغط زر السهم الأيسر
　　　　$("html, body").animate({scrollLeft: "-=" + size}, 250);
　　}
});

قيمة المعلمة

طريقة HTML/CSS jQuery