调用JQUERY返回顶部功能

调用JQUERY返回顶部功能

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jq3</title>
<style>
.back{
position: fixed;
right: 0px;
bottom: 0px;
}
.heid{
display: none;
}
</style>
</head>
<body>
<div style="height: 2000px"></div>
<div id ='ck' οnclick="gotop()" class="back heid">GotoTop</div>
<script type="text/javascript" src="jquery-2.2.4.js"></script>
<script type="text/javascript">
function gotop(){
$(window).scrollTop(0)
}
$(function(){
$(window).scroll(function(){
var top=$(window).scrollTop()
if (top > 100){
$('#ck').removeClass('heid')
}else{
$('#ck').addClass('heid')
}
});
});h

</script>
</body>
</html>

转载于:https://www.cnblogs.com/yjz1/p/5553167.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/108990.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql 数据库表结构设计与规范[通俗易懂]

    mysql 数据库表结构设计与规范[通俗易懂]mysql数据库表结构设计与规范DDL(datadifinitionlanguage)就是数据定义语言。1.sql语句的界定符[code]–默认情况下”;”代表sql语句的结束delimiter新的界定符–修改//为界定符delimiter//2.创建数据库[code]#1.创建数据库createdatabase数据库名字[charset=uft

    2025年11月6日
    4
  • CentOS下yum的安装及配置

    CentOS下yum的安装及配置一般公司都用Linux来搭建服务器,Linux安装软件时能够用yum安装依赖包是一件非常简单而幸福的事情,因为你只需一个简单的安装命令yuminstall[]即可安装相应的软件,yum工具会自动的从网上yum源中下载相应的依赖包,并以正确的依赖关系一个个安装依赖包。下面简单介绍一下CentOS下安装yum源的流程和操作。一、查看、卸载已安装的yum包1、查看已安装的yum包

    2022年6月3日
    91
  • SQL注入-报错注入[通俗易懂]

    SQL注入-报错注入[通俗易懂]sql注入之报错注入的演示与介绍

    2022年9月29日
    1
  • eclipse乱码解决

    eclipse乱码解决关于eclipse乱码解决网上好多解决之道,今天遇到了但是试了试怎么都不好使,原因是方法可以,只是不太详细参考网址:https://blog.csdn.net/YouAreMy_Sunshine/article/details/797597921.修改项目编码格式:  鼠标移到项目名,右键-&gt;Properties-&gt;Resource-&gt;TextfileenCodi…

    2022年5月26日
    32
  • winhex哈希值校验_文件的哈希值不在指定的目录中

    winhex哈希值校验_文件的哈希值不在指定的目录中Certutil是一个windows预装的CLI程序,主要作用是转储和显示证书颁发机构(CA),配置信息,证书服务,CA组件的备份和还原以及验证证书、密钥对和证书链,它作为证书服务的一部分安装。可用于校验文件MD5、SHA1、SHA256,下载恶意文件和免杀。这里记录如何使用这个程序校验文件,网上很多资源的下载很多都会提供文件的md5,SHA256等等之类的哈希值,便于下载者校验文件是否…

    2025年11月2日
    2
  • cad制图常用命令_cad制图注意事项及细节

    cad制图常用命令_cad制图注意事项及细节AutoCAD常见命令总结1.选项:OP2.缩放:z3.鼠标操作:滚动中键缩放,按住中键移动4.选择:实线,虚线。5.直线:线性(标记),对象捕捉。6.尺寸线:几何尺寸,定位尺寸。从左,上标记。7.标注:规范标注(尺寸界限与几何线之间不能重合),快速标注(按空格),连续标注(需提前标好一个)。8.直线定位法。9.画斜线公式:@长度……

    2022年9月15日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号