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


相关推荐

  • Vue自定义标签[通俗易懂]

    Vue自定义标签[通俗易懂]简介主要讲解vue中如何定义自定义标签。自定义标签使用vue的配置对象中的directives属性进行配置。比如下面代码定义一个自定义标签v-big,可以把绑定的表达式乘以十倍渲染到元素的text区,相当于v-text,只是他表达式要数字并且会乘以10倍后渲染。<!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><title>自定义指令</tit

    2025年6月22日
    4
  • redis默认端口为什么是6379_redis连接池的作用

    redis默认端口为什么是6379_redis连接池的作用找到redis的安装目录,正常应该都会在/usr/local/下*cd/usr/local/redis-5.0.8*viredis.conf*键入i>>修改默认端口号:6379>>6380,esc>>:wq*redis-server/usr/local/redis-5.0.8/redis.conf

    2025年12月16日
    2
  • 电商网站测试要点_电商项目测试点

    电商网站测试要点_电商项目测试点电商网站测试总结:总体按照两种模式进行划分总结:1.按照测试类型2.按照电子商务网站的系统架构 1.按照测试类型来划分 1.兼容性  1.1主要是在浏览器兼容(360浏览器IE6IE8浏览器)  1.2.操作系统,主要体现在操作系统兼容(xpwin2003win2007) 2.UI测试 2.1检查连接是否正确 2.2是否有文字错误信息 2.3产品…

    2022年10月1日
    4
  • 游戏编程编程学习推荐

    游戏编程编程学习推荐一下资料是从网上搜集的推荐,非本人原创,作为自己学习使用不要单单看批处理了,学powershell,.net驱动,功能强大我觉得shell脚本用的挺多的啊,bat还是很少用到.不过经常接触到,所以我

    2022年8月2日
    11
  • cas jwt 单点登录

    cas jwt 单点登录单点登录是我比较喜欢的一个技术解决方案,一方面他能够提高产品使用的便利性,另一方面他分离了各个应用都需要的登录服务,对性能以及工作量都有好处。自从上次研究过JWT如何应用于会话管理,加之以前的项目中也一直在使用CAS这个比较流行的单点登录框架,所以就一直在琢磨如何能够把JWT跟单点登录结合起来一起使用,尽量能把两种技术的优势都集成到项目中来。本文介绍我从CAS思考得出的SSO的实现方案。**前…

    2022年5月21日
    43
  • 【创新培育项目】为什么要组队參加比赛?及如何寻找一个合适的选题?

    【创新培育项目】为什么要组队參加比赛?及如何寻找一个合适的选题?

    2021年11月13日
    58

发表回复

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

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