DEV Community

Haruka Kakiuchi
Haruka Kakiuchi

Posted on

Smooth Scroll

Conventional way

const hoge = hoge.getBoundingClientRect();

window.scrollTo({
  left : hoge.left + window.pageXOffset, 
  top: hoge.top + window.pageYOffset,
  behavior: 'smooth',
})
Enter fullscreen mode Exit fullscreen mode

Recently way

hoge.scrollIntoView({behavior: "smooth"})
Enter fullscreen mode Exit fullscreen mode

Viewport version

document.documentElement.clientHeight
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

skysingh04 profile image

How Talking to a College Senior taught me Devops/Gitops

Akash Singh -

syeo66 profile image

What are we even doing

Red Ochsenbein (he/him) -

bytehide profile image

Everything New in .NET 9: The Ultimate Developer's Guide

ByteHide -

haroldmud profile image

Easiest way of Implementing Authentication in NestJS

Harold Mudosa -