调用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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • apache负载均衡配置_tomcat负载均衡

    apache负载均衡配置_tomcat负载均衡1.负载均衡的设置 1).基本配置 Apache可以应对上面这两种需求。先来讨论一下如何做负载均衡。假设一台apache服务器域名为www.a.com,首先需要启用Apache的几个模块: Httpd.conf代码  LoadModule proxy_module modules/mod_proxy.so  LoadModule proxy_bala

    2022年9月10日
  • #1032 : 最长回文子串

    #1032 : 最长回文子串#1032:最长回文子串时间限制:1000ms单点时限:1000ms内存限制:64MB描述   小Hi和小Ho是一对好朋友,出生在信息化社会的他们对编程产生了莫大的兴趣,他们约定好互相帮助,在编程的学习道路上一同前进。   这一天,他们遇到了一连串的字符串,于是小Hi就向小Ho提出了那个经典的问题:“小Ho,你能不能分别在

    2022年6月3日
  • kafka实战教程(python操作kafka),kafka配置文件详解

    kafka实战教程(python操作kafka),kafka配置文件详解什么是kafka安装参考:https://www.cnblogs.com/hei12138/p/7805475.html

    2022年4月30日
  • Win10 删除默认共享文件夹

    在CMD下删除默认共享文件可能很多人都遇到过此问题,新买的笔记本安装了Win10系统,按照激活的顺序没有administrator账户,系统内只有自己设置的账号。而且,你在cmd或者计算机管理内里进行一些操作时都显示无权限或者拒绝访问。尤其是想关闭掉默认共享的时候,无法完成。解决方法很简单,我们用管理员进入CMD:在运行对话框内输入CMD后,先不要立即回车进入,按住CTRL+SHIFT+EN…

    2022年4月13日
  • 栈 队列 优先队列

    栈 队列 优先队列

    2021年9月27日
  • devops视频_devops docker

    devops视频_devops docker1、K8s快速入门1)简介kubernetes简称k8s。是用于自动部署,扩展和管理容器化应用程序的开源系统。中文官网:https://kubernetes.io/Zh/中文社区:https://www.kubernetes.org.cn/官方文档:https://kubernetes.io/zh/docs/home/社区文档:https://docs.kubernetes.org.cn/部署方式的进化:2)架构(1)整体主从方式(2)master节点架构(3)Node

    2022年9月28日

发表回复

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

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