简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

js control scroll bar slowly scrolls to the top implementation code_javascript skills

WBOY
Release： 2016-05-16 17:39:53
Original
1452 people have browsed it

First copy the following code into an html and run it to see the effect

Copy the code The code is as follows:







rice

EAT

Home

Back

you

with

Back to top

<script> <br>window.scrollTo(0,document.body.scrollHeight); <br></script>


You can control the speed by yourself.
Related labels：
scroll bar top
source：php.cn
Previous article：JS method to obtain and operate elements in iframe_javascript skills Next article：A small example of jQuery page pictures gradually displaying along with the scroll bar_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
React Three Fiber: Why are my scroll events lagging? In ReactThreeFiber, I have a React component that generates a sprite that I want to persis...
From 2024-04-06 13:39:24
0
1
410
Website using Live Server doesn't work when I launch it from a file I tried several browsers and in every case the website works fine with LiveServer. On the ...
From 2024-04-06 12:46:18
0
1
403
Hide/show div on click and scroll I want to create a hidden search form that appears when we click on the search icon and hi...
From 2024-04-06 12:20:46
0
1
386
Re-title: Vertical Product Display On my webpage, project products are currently listed vertically, row by row. I want to dis...
From 2024-04-05 09:17:50
0
1
3505
Lower opacity of scroll background image, limit minimum opacity I'm trying to get the background image to reduce the opacity on scroll and once away from ...
From 2024-04-04 23:50:53
0
1
1329
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！