Auto scroll to a specify element every time open webpage by Javascript

Auto scroll to a specify element by Javascript

We have an example webpage like this:


The browser will auto scroll to element that it has id #positionElement every time we open webpage: 

const positionElement = document.querySelector('#positionElement')
const topPositionElement = positionElement.getBoundingClientRect().top + window.pageYOffset

window.scrollTo({
  top: topPositionElement, // (*)
  behavior: 'smooth' // (**)
})


(*) Property top scroll to top of element
(**)behavior 'smooth' will make scroll smoothly


auto scroll to elementjavascriptscroll to an elementscrollTo

Latest

H

How to scroll to top every time React router change?

G

Get height or width of an element in Javascript

T

The way to separate logic code of the Vuejs component into smaller files

C

Convert HTML raw string to DOM Nodes in Javascript

P

Pass the value of only one argument that you don't want to change the value of the rest argument

Related

G

Get height or width of an element in Javascript

C

Convert HTML raw string to DOM Nodes in Javascript

P

Pass the value of only one argument that you don't want to change the value of the rest argument

R

Replace the end of the text when it is overflowed with three dots with Javascript

T

The ways to remove duplicate items in an Array of Objects

© 2019 4codev

Created with love by Sil.