Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <h1>Go to the bottom of the page and click the "Scroll Top" button to see the scrolling</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sodales ut eu sem integer vitae justo eget magna fermentum. Dictumst vestibulum rhoncus est pellentesque. Malesuada proin libero nunc consequat interdum varius. Imperdiet massa tincidunt nunc pulvinar sapien et. Duis at tellus at urna condimentum mattis pellentesque. Interdum velit euismod in pellentesque massa placerat duis. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Pellentesque habitant morbi tristique senectus et. Purus gravida quis blandit turpis cursus in hac. Orci sagittis eu volutpat odio. Convallis posuere morbi leo urna molestie at. Accumsan in nisl nisi scelerisque eu ultrices vitae auctor. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Ligula ullamcorper malesuada proin libero. Lacus viverra vitae congue eu consequat.
​
Tincidunt tortor aliquam nulla facilisi cras fermentum odio. Egestas congue quisque egestas diam in arcu cursus euismod. Sit amet tellus cras adipiscing enim eu turpis egestas. Adipiscing diam donec adipiscing tristique risus nec. Laoreet sit amet cursus sit amet dictum. Neque vitae tempus quam pellentesque nec nam. At augue eget arcu dictum varius duis at consectetur. Consectetur a erat nam at lectus urna duis. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae proin. Pharetra vel turpis nunc eget. Nulla aliquet enim tortor at. Posuere morbi leo urna molestie at elementum eu. Vel facilisis volutpat est velit egestas dui id ornare. Tortor posuere ac ut consequat semper viverra nam libero justo.
​
Id leo in vitae turpis massa sed. Ligula ullamcorper malesuada proin libero nunc. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Amet porttitor eget dolor morbi non arcu. Enim sit amet venenatis urna cursus eget nunc scelerisque. Velit ut tortor pretium viverra. Diam maecenas sed enim ut. Varius vel pharetra vel turpis nunc eget lorem dolor sed. Quis varius quam quisque id diam vel quam elementum. Bibendum ut tristique et egestas quis ipsum.
​
Tortor pretium viverra suspendisse potenti nullam ac tortor. Nibh ipsum consequat nisl vel pretium lectus quam. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Penatibus et magnis dis parturient montes. Ornare lectus sit amet est placerat in. Duis ultricies lacus sed turpis tincidunt. Eu mi bibendum neque egestas congue. Sollicitudin aliquam ultrices sagittis orci a scelerisque. In ante metus dictum at tempor commodo ullamcorper. Id aliquet risus feugiat in ante metus.
​
Dolor sit amet consectetur adipiscing elit. Malesuada pellentesque elit eget gravida cum sociis natoque. Posuere morbi leo urna molestie at. Augue mauris augue neque gravida. Platea dictumst quisque sagittis purus. Purus non enim praesent elementum facilisis leo vel. Et egestas quis ipsum suspendisse. Tortor condimentum lacinia quis vel eros donec. Adipiscing commodo elit at imperdiet dui. Ut faucibus pulvinar elementum integer enim. Cursus sit amet dictum sit. Turpis egestas maecenas pharetra convallis posuere.
​
Vestibulum rhoncus est pellentesque elit ullamcorper dignissim. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim. Orci sagittis eu volutpat odio facilisis mauris sit amet massa. Purus viverra accumsan in nisl nisi scelerisque eu ultrices. Eget sit amet tellus cras. Tincidunt arcu non sodales neque sodales ut etiam sit amet. Pellentesque nec nam aliquam sem et tortor. Aenean pharetra magna ac placerat vestibulum lectus mauris. Vitae turpis massa sed elementum tempus egestas. Risus viverra adipiscing at in tellus integer feugiat scelerisque varius. Morbi leo urna molestie at. Elementum tempus egestas sed sed risus. Sit amet cursus sit amet dictum sit amet. Dictum non consectetur a erat. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Vitae turpis massa sed elementum tempus egestas sed sed risus. Volutpat ac tincidunt vitae semper quis lectus nulla at. Porta non pulvinar neque laoreet suspendisse interdum consectetur libero id.
​
Nisl condimentum id venenatis a condimentum. Leo vel fringilla est ullamcorper eget. Ultrices dui sapien eget mi. Non consectetur a erat nam at lectus urna. Tempus imperdiet nulla malesuada pellentesque elit. Hendrerit gravida rutrum quisque non tellus orci ac auctor augue. Venenatis lectus magna fringilla urna porttitor rhoncus. Gravida in fermentum et sollicitudin ac orci. Dignissim suspendisse in est ante in. Egestas integer eget aliquet nibh praesent. Dui id ornare arcu odio ut sem nulla. Vivamus arcu felis bibendum ut tristique et. Elementum facilisis leo vel fringilla. In metus vulputate eu scelerisque. Purus sit amet luctus venenatis lectus magna fringilla urna porttitor. Vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Posuere ac ut consequat semper viverra. Egestas quis ipsum suspendisse ultrices.
​
Dapibus ultrices in iaculis nunc sed. Fusce id velit ut tortor pretium viverra suspendisse potenti nullam. Posuere sollicitudin aliquam ultrices sagittis orci. Egestas maecenas pharetra convallis posuere. Aliquam sem et tortor consequat id porta nibh. Volutpat commodo sed egestas egestas. Commodo ullamcorper a lacus vestibulum sed arcu non odio. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet dui. Pellentesque adipiscing commodo elit at imperdiet dui accumsan. Massa tincidunt dui ut ornare.
​
Cras semper auctor neque vitae. Aliquam faucibus purus in massa. Purus semper eget duis at tellus at urna condimentum. Tellus molestie nunc non blandit massa enim nec dui. Sit amet dictum sit amet justo donec. Elementum pulvinar etiam non quam lacus suspendisse faucibus. Tristique nulla aliquet enim tortor. Lorem dolor sed viverra ipsum nunc aliquet bibendum enim facilisis. Lacus luctus accumsan tortor posuere. Auctor urna nunc id cursus metus aliquam eleifend. Vestibulum mattis ullamcorper velit sed ullamcorper morbi. Pretium quam vulputate dignissim suspendisse in est ante. Scelerisque viverra mauris in aliquam sem.
​
Fringilla urna porttitor rhoncus dolor purus. Blandit libero volutpat sed cras ornare arcu dui vivamus. Lacus vel facilisis volutpat est velit egestas dui. Et pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Sit amet nulla facilisi morbi tempus iaculis. Lorem ipsum dolor sit amet consectetur adipiscing elit. Sodales neque sodales ut etiam sit amet nisl purus in. Id cursus metus aliquam eleifend mi in nulla posuere. Ac odio tempor orci dapibus ultrices in iaculis nunc. Laoreet sit amet cursus sit amet dictum sit. At risus viverra adipiscing at in tellus integer. Nibh praesent tristique magna sit. Facilisis volutpat est velit egestas dui. Facilisis volutpat est velit egestas dui.
​
Cras fermentum odio eu feugiat pretium. Eget felis eget nunc lobortis mattis aliquam faucibus. Ut aliquam purus sit amet luctus venenatis lectus. Posuere morbi leo urna molestie. Neque convallis a cras semper. In arcu cursus euismod quis. Gravida neque convallis a cras semper auctor neque vitae tempus. Vulputate sapien nec sagittis aliquam malesuada bibendum. Sapien nec sagittis aliquam malesuada bibendum arcu vitae. Augue neque gravida in fermentum. Ornare arcu odio ut sem nulla pharetra diam. Nulla facilisi etiam dignissim diam quis enim lobortis. Ac felis donec et odio pellentesque diam volutpat commodo sed. Magna fringilla urna porttitor rhoncus dolor purus non enim praesent. Orci ac auctor augue mauris. Enim nunc faucibus a pellentesque. Morbi tincidunt augue interdum velit euismod in pellentesque. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Eget mauris pharetra et ultrices neque. Morbi enim nunc faucibus a pellentesque.
​
Purus ut faucibus pulvinar elementum integer. Diam maecenas sed enim ut sem viverra aliquet eget. In mollis nunc sed id. Neque viverra justo nec ultrices dui sapien eget mi proin. Tempus urna et pharetra pharetra massa massa ultricies mi. Ut aliquam purus sit amet luctus venenatis. Scelerisque fermentum dui faucibus in ornare. Etiam non quam lacus suspendisse faucibus interdum posuere. Venenatis tellus in metus vulputate eu. Donec ac odio tempor orci dapibus ultrices in iaculis nunc. Scelerisque in dictum non consectetur. Nulla pellentesque dignissim enim sit amet venenatis urna. Cras tincidunt lobortis feugiat vivamus. Eget est lorem ipsum dolor sit amet consectetur adipiscing. Fringilla urna porttitor rhoncus dolor purus non enim praesent.
​
Enim blandit volutpat maecenas volutpat blandit aliquam. Risus sed vulputate odio ut enim blandit. Pellentesque nec nam aliquam sem. Condimentum vitae sapien pellentesque habitant morbi tristique. Scelerisque eleifend donec pretium vulputate. At elementum eu facilisis sed odio. Scelerisque felis imperdiet proin fermentum leo vel orci porta. Hendrerit gravida rutrum quisque non tellus orci ac auctor. Porttitor lacus luctus accumsan tortor. Faucibus pulvinar elementum integer enim neque volutpat ac. Orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Elit at imperdiet dui accumsan sit amet nulla. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Lectus mauris ultrices eros in cursus turpis massa tincidunt dui.
​
At imperdiet dui accumsan sit amet. Feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Quam vulputate dignissim suspendisse in est ante. Est ullamcorper eget nulla facilisi etiam dignissim diam quis. Feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Mauris cursus mattis molestie a. Sit amet volutpat consequat mauris nunc congue nisi vitae. Ultricies leo integer malesuada nunc vel risus commodo viverra maecenas. Libero id faucibus nisl tincidunt eget nullam non. Neque laoreet suspendisse interdum consectetur libero id faucibus. Magna etiam tempor orci eu lobortis. Massa sed elementum tempus egestas sed sed. Lectus quam id leo in vitae turpis massa. Etiam dignissim diam quis enim lobortis scelerisque fermentum. Facilisis sed odio morbi quis commodo odio aenean sed.
​
Elementum curabitur vitae nunc sed velit dignissim sodales. Ultrices gravida dictum fusce ut. Nunc sed augue lacus viverra vitae congue eu consequat. Amet nulla facilisi morbi tempus iaculis urna id volutpat. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Dui sapien eget mi proin sed libero enim. Ut sem nulla pharetra diam sit amet. Velit dignissim sodales ut eu sem integer vitae justo eget. Nibh praesent tristique magna sit amet purus. Quam vulputate dignissim suspendisse in est ante. Facilisis gravida neque convallis a cras semper auctor. Enim lobortis scelerisque fermentum dui faucibus in ornare quam.
​
Nam at lectus urna duis convallis convallis. Massa sapien faucibus et molestie ac feugiat sed lectus vestibulum. Tincidunt lobortis feugiat vivamus at augue eget. Ut venenatis tellus in metus vulputate. Erat velit scelerisque in dictum. Eget mauris pharetra et ultrices neque ornare. Sociis natoque penatibus et magnis dis. Viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor. Morbi tristique senectus et netus et malesuada fames ac turpis. Bibendum ut tristique et egestas quis ipsum suspendisse. Scelerisque varius morbi enim nunc faucibus. Pulvinar mattis nunc sed blandit libero volutpat sed cras. In nisl nisi scelerisque eu.
​
Integer feugiat scelerisque varius morbi enim. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Sit amet commodo nulla facilisi nullam vehicula ipsum. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Faucibus et molestie ac feugiat. Orci phasellus egestas tellus rutrum. Malesuada bibendum arcu vitae elementum curabitur vitae. Diam vel quam elementum pulvinar etiam. Suscipit tellus mauris a diam maecenas sed enim. Sed augue lacus viverra vitae congue eu consequat. Sagittis nisl rhoncus mattis rhoncus. Nunc faucibus a pellentesque sit amet porttitor. Mauris nunc congue nisi vitae suscipit tellus mauris. Arcu non odio euismod lacinia at quis risus sed vulputate.
​
Lectus magna fringilla urna porttitor rhoncus dolor purus non enim. Metus vulputate eu scelerisque felis. Neque vitae tempus quam pellentesque nec nam aliquam. Sed enim ut sem viverra aliquet eget. Augue eget arcu dictum varius duis at consectetur. Blandit aliquam etiam erat velit. Aliquet nec ullamcorper sit amet risus nullam. Ultricies integer quis auctor elit sed. Sed adipiscing diam donec adipiscing tristique risus nec feugiat. Parturient montes nascetur ridiculus mus mauris vitae. Lectus nulla at volutpat diam ut venenatis tellus in.
​
Massa enim nec dui nunc. Quam id leo in vitae turpis massa sed elementum. Proin sed libero enim sed faucibus turpis in eu. Ut aliquam purus sit amet. Nisl rhoncus mattis rhoncus urna. Eleifend donec pretium vulputate sapien. Mattis enim ut tellus elementum sagittis vitae et leo duis. Eu lobortis elementum nibh tellus molestie nunc non. Suspendisse potenti nullam ac tortor vitae. Turpis massa sed elementum tempus.
​
At quis risus sed vulputate odio ut enim blandit volutpat. Tristique risus nec feugiat in fermentum. Enim eu turpis egestas pretium aenean pharetra magna ac. Justo laoreet sit amet cursus sit. Elementum facilisis leo vel fringilla est. Lacus suspendisse faucibus interdum posuere lorem ipsum. Consectetur adipiscing elit ut aliquam purus. Eget nulla facilisi etiam dignissim diam quis. Non pulvinar neque laoreet suspendisse interdum consectetur. Et malesuada fames ac turpis egestas sed. Orci sagittis eu volutpat odio facilisis mauris sit amet. Porta nibh venenatis cras sed. Orci sagittis eu volutpat odio facilisis mauris sit amet. Tincidunt nunc pulvinar sapien et. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Nibh mauris cursus mattis molestie. Ipsum suspendisse ultrices gravida dictum. Turpis egestas sed tempus urna et pharetra pharetra massa. Leo integer malesuada nunc vel.
  <button class="btn">Scroll Top</button>
</body>
</html>
 
.btn{
  margin-top:10px;
  font-size: 40px;
  display: block;
}
 
const button = document.querySelector('.btn');
​
// Button click handler
button.addEventListener('click', () => {
  
  // Scroll to the top of the webpage
  // using the window.scrollTo() method
  window.scrollTo({
      top: 0,
      behavior: "smooth"
  });
  
  
})
​
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers