اكتشاف اتجاه التمرير

باستخدام حدث التمرير في JavaScript، من الممكن تحديد اتجاه التمرير دون الحاجة إلى jQuery. &&&]

اكتشاف اتجاه التمرير

لإنجاز هذا، سنقوم بتخزين الاتجاه السابق قيمة سكرولتوب ومقارنتها بقيمة سكرولتوب الحالية.

var lastScrollTop = 0; // يجب استبدال العنصر بالعنصر المستهدف الفعلي الذي قمت بتطبيق التمرير عليه، استخدم النافذة في حالة عدم وجود عنصر مستهدف. element.addEventListener("scroll"، function () { // أو window.addEventListener("scroll".... var st = window.pageYOffset || document.documentElement.scrollTop; // الاعتمادات: "https://github.com/qeremy/so/blob/master/so.dom.js#L426" إذا (st > lastScrollTop) { // رمز التمرير السفلي } وإلا إذا (st var lastScrollTop = 0; // element should be replaced with the actual target element on which you have applied scroll, use window in case of no target element. element.addEventListener("scroll", function () { // or window.addEventListener("scroll".... var st = window.pageYOffset || document.documentElement.scrollTop; // Credits: "https://github.com/qeremy/so/blob/master/so.dom.js#L426" if (st > lastScrollTop) { // downscroll code } else if (st