How to get the scroll position of an element in JavaScript

Announcement 📣 next week, on Feb 26, I'll launch my JavaScript Fundamentals course. 10 modules, 91 lessons, 5 weeks of course. You can signup Feb 26, Feb 27 and Feb 28, then I'll close the registrations. Every day I will send you an email with questions and I read every reply you send me, and I will reply with suggestions. Sign up here and I'll shoot you an email when it's live! 🔥 ⤵️

Learning JavaScript? Download my free JavaScript Handbook 🔥

How can you do that?

Once you have the element, you can inspect its scrollLeft and scrollTop properties.

The 0, 0 position is always found in the top left corner, so any scrolling is relative to that.

Example:

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

Those properties are read/write, so you can also set the scroll position:

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