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

用jQuery实现的智能隐藏、滑动效果的返回顶部代码_jquery

WBOY
Release： 2016-05-16 16:55:15
Original
1560 people have browsed it

在线DEMO：传送门

HTML代码（放在页面任意位置，并用CSS美化）：

复制代码代码如下:

JS代码：
Copy after login

下面再来一个简单点的返回顶部的代码：

效果先看演示：http://demo.jb51.net/js/2016/gotop/

完整代码：

   基于jquery的返回顶部效果   

  
想看到效果就需要拖动滚动条到下面，靠右下角的位置就可以看到
Copy after login

Related labels：
jquery Back to top
source：php.cn
Previous article：Nodejs使用mysql模块之获得更新和删除影响的行数的方法_javascript技巧 Next article：兼容所有浏览器的js复制插件Zero使用介绍_javascript技巧
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
Steps to install jQuery in Nuxt.js Although I try to add jQuery in my project, I get an error saying it's not defined. plugin...
From 2023-11-06 16:41:50
0
1
225
jQuery getting wrong value when getting data attribute I have a div with data attribute
I have...
From 2023-11-01 23:01:19
0
1
209
Support jQuery's Transfer-Encoding:chunked I'm a web developer. In my script I use header() to set "Transfer-Encoding:chunked&qu...
From 2023-10-25 23:44:37
0
1
230
How to get the natural dimensions of an image using JavaScript or jQuery? So far I have this code: varimg=document.getElementById('draggable'); varwidth=img.clientW...
From 2023-10-21 13:53:08
0
2
275
Automatically expand text area I'm trying to make a simple auto-expanding text area. This is my code: textarea.onkeyup=fu...
From 2023-10-21 08:49:23
0
2
225
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！