回到顶部js代码

function go_to_top(){
	//把内容滚动指定的像素数(第一个参数是向右滚动的像素数,第二个参数是向下滚动的像素数)
    window.scrollBy(0,-10);
    //延时递归调用,模拟滚动向上效果
    scrolldelay = setTimeout(‘go_to_top()‘,5);
    //获取scrollTop值,声明了DTD的标准网页取document.documentElement.scrollTop,否则取document.body.scrollTop;因为二者只有一个会生效,另一个就恒为0,所以取和值可以得到网页的真正的scrollTop值
    var sTop=document.documentElement.scrollTop+document.body.scrollTop;
    //判断当页面到达顶部,取消延时代码(否则页面滚动到顶部会无法再向下正常浏览页面)
    if(sTop==0) clearTimeout(scrolldelay);
}
时间: 2024-08-30 10:18:43

回到顶部js代码的相关文章

弹性返回顶部JS代码

弹性返回顶部JS代码 弹性返回顶部JS代码点击下载

手机端网页返回顶部js代码

<!DOCTYPE html>  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>手机端网页返回顶部js代码</title>  <script src="http://libs.baidu.com/jquery/1.11.3/jquery.m

超好用的移动端布局自适应大小rem判断js文件及超过一定高度回到顶部按钮代码

//以下代码放到一个adapt.js文件当中 (function (doc, win) {   var docEl = doc.documentElement,     resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',     recalc = function () {       var clientWidth = docEl.clientWidth;       if (!clientWi

css3 回到顶部书写

回到顶部 JS 代码 backTop = function(){  if(!document.querySelector("#backTop")){return;} document.querySelector("#backTop").addEventListener("click", function(){               setTimeout(scrollTo, 100, 0, 1);                return 

Vue中点击按钮回到顶部(滚动效果)

页面滚动到一定位置时,出现回到顶部按钮 代码如下 HTML <div class="footer"> <div class="gotop" v-show="gotop" @click="toTop">Top</div> </div> CSS .footer .gotop { text-align: center; position: fixed; right: 50px; bot

html回到顶部代码

HTML代码 <p id="back-to-top"><a href="#top">返回顶部</a></p> CSS代码 p#back-to-top{ position:fixed; display:none; bottom:100px; right:80px; } js代码 $(function(){ //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失 $(function () { $(windo

JS 回到顶部

最近在慕课网看了一个案例教程——回到顶部效果(原生js实现) <a href="javascript:;" id="btn" title="回到顶部"></a> 这个a标签就是用来实现回到顶部的链接,其中 href=”javascript:;”是用来阻止a标签的默认行为,因为我们是要触发点击事件让滚动条回到顶部,而不是跳转页面.当然,如果你将其设置为 href=””,也会默认跳转到页面顶部,但是用户体验就比较差,我们主要还

自写jquery网页回到顶部效果,渐隐图标,引用js文件即可

唔,进来开发需求,当网页内容草鸡多的时候,用户就需要有个按钮快速回到顶部,而不是自己去滚滑轮~ 原本以为比较难的说,因为上头要求全部用js来实现,哪个页面引用,哪个页面显示. 于是乎,本屌丝就尝试写了下,唔,没发现,还挺easy的说~~ 有屁我就快放了,直接上代码,屁放多了就成屎了~~唔,罪过,阿弥陀佛,阿门~~ $(function(){ var $btn_top = $('<a id="scrollTop"><img src="css/web/image

浮动【电梯】或【回到顶部】小插件:iElevator.js

iElevator.js 是一个jquery小插件,使用简单,兼容IE6,支持UMD和3种配置方式,比锚点更灵活. Default Options _defaults = { floors: null, btns: null, backtop: null, selected: '', sticky: -1, visible: { isHide: 'no', numShow: 0 }, speed: 400, show: function(me) { me.element.show(); }, h