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

Code for js scroll bar to return to the top_javascript skills

WBOY
Release： 2016-05-16 17:58:46
Original
1168 people have browsed it

Although the smoothness is not handled well, it is very suitable for learning

Copy code The code is as follows:











Initialization


style="position:fixed;right:10px;bottom:50px;width:20px;height:70px;background-color:red;cursor:hand;"
onclick="myScroll()">Back to top




Related labels：
back to the top scroll bar
source：php.cn
Previous article：Code based on JQuery to capture the RSS of the blog homepage_jquery Next article：Implementation code for using JSON in jQuery_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！