JS Methods for Scrolling

This tutorial explains the three methods that we can use to control scrolling content on a webpage. scrollTo, scrollBy, and scrollIntoView are all available across all browsers to use for this purpose.

[chaderenyore]

Thanks Man, I got what I wanted by looking at your code.
I won't recommend using the scrollIntoView as you can't set some margins, but using the scrollto gives you that flexibility, and the scroll behaviour is smooth by default

[vibekdutta]

I wanted a quick help from u, I have a DIV inside of which I have some LI elements and I have a scroll property for that DIV, so I want to scroll in the DIV with my keyboard arrow keys, u know the LI elements, I dont know how to write he logic and I needed some help, Thanks Sir

[Banjer]

how can I get the percentage of the screen and change an element when I reach that percentage..for instance the 50% of the screen.

[reshmagulati]

Hi, I have a table with n rows and a search bar. I want to scroll to the nth row when searched in the search bar. After the search is done, the nth row expands to show the details

[nisarhassan]

Hi. Steve Thanks for the great video. I have a situation where there is a Testimonials section with a horizontal scroll bar and below are buttons that would change the scroll position for the testimonials container depending on which button is clicked to show the off-screen contents The user can use the scrollbar to view the off-screen contents but I want the scroll to work with the buttons as well.

How can I scroll the Tweets container like you showed how it works with the document? I tried the scrollTo, scrollBy methods inside of an event listener on the buttons but none of them seems to work. Thanks

[goodenough]

Hey Steve.. could we add some smoothness to the scrolling.?

[InglesporMinutoconAnthonyMartz]

.scrollto() does not move a number of pixels, for that you have scroll by . Scrollto() moves to position x or y. Great video though.