2 qq 21608393 qq_21608393 于 2016.01.28 16:27 提问

web网页中返回顶部怎么实现?
web

就像csdn的这个。是浮动的。到一定的位置才会显示出来。!!!!!!!!!!!!!!!!

5个回答

showbo
showbo   Ds   Rxr 2016.01.28 17:16
已采纳

scroll事件中判断document.body.scrollTop或者document.documentElement.scrollTop,超过多少显示浮动导航

javascript滚动到导航条时如何固定在顶部

wanghan1977
wanghan1977   2016.01.28 16:31
rui888
rui888   Ds   Rxr 2016.01.28 16:58

你直接将csdn的拿过来。 。

Royal_lr
Royal_lr   Ds   Rxr 2016.01.28 17:02

指向顶部具有id属性的标签就行了

hongli_hhuc
hongli_hhuc   2016.01.28 17:22

$('.to-top').click(function(){$("html,body").animate({scrollTop :0}, 800);return false;});
$('.to-top')就是你要点击的回到顶部的按钮

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Web JS实现页面返回顶部
采用js的scrollTop属性实现了一下这个简单的功能 当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个“返回顶部”的按钮,用户点击一下,就可以回到顶部,对于用户来说,是一个比较好的体验。
Html页面增加返回顶部图标和隐藏出现
效果如链接:http://liuyanzhao.com/ 只需要i两个步骤: 1.我们在网页body内最上面添加一个,方便跳到这个位置 ``` <span name="gotop"></span> ``` 2.在网页的末端添加一个: ``` <a href="#gotop" > <img src="__PUBLIC__/img/backTop.png" id="gotop" alt="" styl
“返回顶部”按钮的实现
在很多地方,我们都会用到“返回顶部”按钮。那么这个要怎么实现呢? 1、html代码 返回顶部 2、css代码 .back_to_top{ position: fixed; bottom:30px; right: 30px; border:1px solid #888; }3、js代码 var backButton=$('.back_to_top')
关于web移动端返回到顶部的解决方案
在pc上我们很容易就可以用scrollTop()来实现流程的向上滚动的返回到顶部的动画,然后用到web移动端却没什么卵用,会出现滚动不流畅,卡顿,失灵等等现象。这是因为移动端的scroll事件触发不频繁,有可能检测不到有<=0的情况为此,移动端判断次数好些,下面是具体实现代码
如何实现返回顶部的按钮功能实现
第一种当时使用锚标记返回页面顶部 这个放在首部附近位置的位置 返回顶部放在低部附近位置 这样就可以实现 第二种使用javascript函数 返回顶部记得放在底部的位置 scroll(0,0)是返回到坐标为(0,0)的位置 第三种 也是用javascript实现,但是他可以有一个缓慢返回的效果,不像上面两种是直接、、咻的一下返回 function pageScroll()
基于JS实现回到页面顶部的五种写法(从实现到增强)
【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接,然后在页面下方放置一个返回到该锚点的链接,用户点 击该链接即可返回到该锚点所在的顶部位置 [注意]关于锚点的详细信息移步至此 回到顶部 【2】scrollTop scrollTop属性表示被隐藏在内容区域上方的像素数。元素未滚动时,scrollTop的值为0,如果元
【web布局】点击按钮返回页面顶部的功能实现
作者:FlyElephant 出处:http://www.cnblogs.com/xiaofeixiang 1.通过锚链接回到顶部,需要将body加入一个名为top的标记: 回到顶部 2.通过JavaScript的scroll回到顶部,控制水平和垂直方向: JavaScript回到顶部 3.通过JavaScript控制,缓慢向上滑动,不过不够平滑,代码参考如下: JavaS
javascript实现页面中回到顶部功能
当一个页面比较长的时候,在下拉页面到一定长度的时候,页面右下角通常会出现一个回到顶部的图标,点击即可以回到页面顶部,本案例对这一功能进行了简单实现。当页面下拉到一定长度后,页面右下角出现一个回到顶部图标,点击之后,页面会滑动到页面顶部,同时回到顶部图标也会消失。适合初学者参考。<!doctype html> <html> <head> <meta charset="UTF-8"> <tit
缓慢回到顶部
#return { display: block; width: 40px; height: 40px; background-color: orange; position: fixed; left: 50%; margin-left: 600px; bottom: 20px; } #return:hover { background-color: orangered;
页面中根据滚动条,显示返回顶部图标
比较简单,直接记录代码 window.onscroll = function(){ if(document.body.scrollTop>10){ $('#go-top').show(); } if(document.body.scrollTop<=10