博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
当拖动滚动条时 出现小图标
阅读量:4532 次
发布时间:2019-06-08

本文共 539 字,大约阅读时间需要 1 分钟。

html:<div id="d1”></div>

jq:$(function(){

var dHeight=$(window).height();//窗体的高度

$(document).scroll(function(){//对网页执行一个scroll事件

   var  top = $(document).scrollTop();//拖动滚动条 此时距离浏览器上面的top值

   if(top>dHeight){

            $("#d1").show();

     }else{

                 $("#d1").hide();

     }

 });

 //点击小图标 回到页面的最上面

$("#d1").click(function(){

  timer = serInterval(function(){

var backtop=$(document).scrollTop();

var speedtop=backtop/5;

$(document).scrollTop(backtop-speedtop);

if(backtop==0){

clearInterval(timer);

}

 

},30);

});

 

});

转载于:https://www.cnblogs.com/xiaotianrui/p/7843962.html

你可能感兴趣的文章
HDU 3899 树形DP
查看>>
获取当前页面url信息
查看>>
Java容器类源码分析前言之集合框架结构(基于JDK8)
查看>>
linux下C/C++程序的内存布局
查看>>
单词计数问题
查看>>
php 魔术方法 __autoload()
查看>>
js div拖动动画运行轨迹效果
查看>>
Recipe 1.9. Processing a String One Word at a Time
查看>>
Linux 下查看系统是32位 还是64 位的方法
查看>>
MySQL 引擎 和 InnoDB并发控制 简介
查看>>
Dave Python 练习二
查看>>
第二章 第五节 获取帮助
查看>>
关于源代码及其管理工具的总结
查看>>
此文对你人生会有莫大好处的,建议永久保存 2013-07-26 11:04 476人阅读 评论(0) ...
查看>>
JQuery怎样返回前一页
查看>>
Best Time to Buy and Sell Stock
查看>>
Web服务器的原理
查看>>
记录ok6410 jlink 命令行调试uboot
查看>>
ASP.net 内置对象
查看>>
QT使用mysql
查看>>