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


相关推荐

  • leetcode二叉树的层次遍历_完全二叉树的中序序列

    leetcode二叉树的层次遍历_完全二叉树的中序序列LeetCode二叉树中序遍历1.1题目描述给定一个二叉树的根节点root,返回它的中序遍历。1.2示例示例:输入:root=[1,null,2,3]输出:[1,3,2]2.1解题2.1.1解题方法:递归二叉树的中序遍历方法:按照“左(子树)→中→右”顺序遍,可以使用递归方式进行遍历Java版解题/***Definitionforabinarytreenode.*publicclassTreeNode{*intval

    2022年9月14日
    0
  • 给在读研究生&未来要读研同学们的一封受益匪浅的信

    给在读研究生&未来要读研同学们的一封受益匪浅的信读研首先要改变的是自己的心理状态,说起来简单,但实际上很困难。不过既然已经上了研,就不要抱怨了,努力想想自己该干啥才是王道。首先需要明确几种好的心态。(仅以此文使自己进步,时时规范自己的行为。谦虚使人进步,骄傲使人落后。)当你上课感觉就像打酱油时,当你对研究生很迷茫时,当你坐在电脑前孜孜不倦时,请看下面的文章,很受用,至少我心里现在没有以前浮躁。好的文章有时能改变一个人的精神状态,下面就是…

    2022年5月15日
    30
  • 我的数据分析师转型之路,从零到字节跳动数据分析师

    我的数据分析师转型之路,从零到字节跳动数据分析师从一个什么都不懂的小白,到现在字节跳动的数据分析师,我用了大概1年的时间,在这里想给大家分享一下我的转行经历,希望能有一些帮助。出于隐私考虑,我就全部打码了。。。先说一下个人背景,本科是工科相关,非计算机非统计学,硕士是金融相关,基本也算是和数据分析没什么关系,毕业之前有过迷茫,因为自己其实也不知道到底适不适合金融行业,而且上学的时候没有认真搞过什么银行、券商的实习,基本毕业就是凉凉的节奏。所…

    2022年6月10日
    48
  • spring boot的自动配置原理_springboot的工作原理

    spring boot的自动配置原理_springboot的工作原理深入Springboot启动流程+自动配置原理?写在前面?相关常见面试题Springboot启动入口@SpringBootConfiguration解读@ComponentScan解读@EnableAutoConfiguration解读(重点)@AutoConfigurationPackage解读@Import({AutoConfigurationImportSelector.class})解读(重点)?写在前面?自从SpringBoot问世以来,开发界可以说是乱了套。我还记得我朋友几年前去参加

    2022年8月20日
    3
  • visual studio code注释快捷键怎么用?「建议收藏」

    visual studio code注释快捷键怎么用?「建议收藏」1、单行注释:光标放在第一行任意位置,ctrl+/,取消同理。2、多行注释:光标选中想要注释的所有代码,ctrl+/,取消同理。

    2022年5月7日
    204
  • 【机器学习】彻底理解神经网络中的反向传播算法(BP)

    【机器学习】彻底理解神经网络中的反向传播算法(BP)目录1,前言2,例程Step1前向传播Step2反向传播3,代码实现1,前言最近在看机器学习神经网络方面的知识,也看了很多关于反向传播算法原理的介绍,有一篇文章写的很好,在这里记录下,并且加入自己的理解。反向传播法其实是神经网络的基础了,但是很多人在学的时候总是会遇到一些问题,或者看到大篇的公式觉得好像很难就退缩了,其实不难,就是一个链式求导法则反复用。如果不想…

    2022年5月3日
    53

发表回复

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

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