كيفية الحصول على موضع التمرير لعنصر في JavaScript

عندما تقوم ببناء واجهة مستخدم في المتصفح ، قد يكون لديك عنصر يمكن تمريره ، ومن الضروري معرفة التمرير الأفقي والعمودي الموجود حاليًا.

كيف يمكنك فعل ذلك؟

بمجرد حصولك على العنصر ، يمكنك فحصهscrollLeftوscrollTopملكيات.

ال0, 0يوجد الموضع دائمًا في الزاوية اليسرى العليا ، لذا فإن أي تمرير يكون مرتبطًا بذلك.

مثال:

const container = document.querySelector('. container')
container.scrollTop
container.scrollLeft

هذه الخصائص هي قراءة / كتابة ، لذلك يمكنك أيضًاتعيينموضع التمرير:

const container = document.querySelector('. container')
container.scrollTop = 1000
container.scrollLeft = 1000


المزيد من دروس المتصفح: