调用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)
上一篇 2021年9月15日 下午4:00
下一篇 2021年9月15日 下午4:00


相关推荐

  • Spring DATA JPA 数据库视图映射[通俗易懂]

    Spring DATA JPA 数据库视图映射

    2022年3月12日
    141
  • 04 能臣之路

    04 能臣之路在上一集我们讲到当时的最有名的人物鉴赏家和品评家许劭,对曹操又一个评价,就说你是治世之能臣,乱世之奸雄。这句话可以有两种解释,一种是处在治世就是能臣,处在乱世就是奸雄;第二种解释,你治理天下就是能臣,扰乱天下就是奸雄。那么曹操到底是做能臣还是做奸雄呢?其实曹操原本是想做能臣的。   公元174年,二十岁的曹操被举为孝廉,担任郎官。孝就是孝子,廉就是廉士,一个人如果被举为孝廉,那么他就有了做官的资

    2022年5月27日
    36
  • List集合的sublist方法

    List集合的sublist方法

    2022年2月22日
    54
  • 全面了解 Nginx 到底能做什么

    全面了解 Nginx 到底能做什么

    2021年11月4日
    42
  • css 组件水平居中,CSS水平居中

    css 组件水平居中,CSS水平居中一 使用 CSS 水平居中的三种情况 1 行内元素 文本 图片等 2 定宽块状元素 3 不定宽块状元素 3 种方法 二 具体解决方法 1 行内元素 文本 图片等 给父元素设置 text align center 2 定宽块状元素 div border 1pxsolidblue width 350px height 20px margin 20pxauto 水平居中 上下方向有 2

    2026年3月18日
    2
  • XMind 8 Pro 激活激活成功教程

    XMind 8 Pro 激活激活成功教程一 下载安装 Xmind 软件 nbsp 下载安装包 官方地址 nbsp 安装 XMind 一直下一步下一步就好了 没有什么好说的 二 下载激活成功教程补丁 XMindCrack jar 下载地址 点击下载三 激活成功教程 XMind 右键桌面 XMind 图标 选择打开文件所在的位置 nbsp 把下载好的激活成功教程包放到安装目录中 本人安装在 D Rainy work XMind 目录 nbsp 以文本

    2026年3月19日
    4

发表回复

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

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