• jq返回顶部


    今天发工资了,哎,更加坚定我要努力的学习,没资本,只能玩技术了。人呢,想的的开,才行,虽然有些不甘心,不过确实,现在的技术只值这个

    价格。不过做到问心无愧就够了,不然人之贪婪,真的收也收不回。好了,今天的回顶部,不是以往的,锚点到顶部,而是用js来控制,d第一个关键呢,就

    是scrollTop=0;事件对象呢,是 body和html,第二个呢,就是到顶部之后呢,隐藏。判断条件就是 $(window).height == $(window).height().

    好了直接上例子(注意右下角)

    <script type="text/javascript">
    			$(function(){
    				$("#top").on("click",function(){/*這裡用on jquery版本要在1.7以上*/
    					onStart();/*鼠標點擊執行onStart()函數*/
    				})
    				function onStart(){
    					$("body,html").animate({/*scrollTop對象一般都是body和html*/
    						"scrollTop":0
    					},300)
    				}
    				$(window).on("scroll",function(){/*scroll時間,鼠標滑動事件*/
    					if($(window).scrollTop()> $(window).height())/*scroll判斷對象事件一般都是window*/
    					{
    						$("#top").fadeIn();
    					}
    					else{
    						$("#top").fadeOut();
    					}
    				})
    				$(window).trigger("scroll",function(){/*trigger頁面更新事件  刷新完页面一开始不要让其显示*/
    					    $("#top").fadeOut();
    				})
    			})
    		</script>
    

      

     

  • 相关阅读:
    Hibernate个人学习笔记(1)
    wangzhi
    星星评分
    关于jquery中jQuery slideToggle() 方法实现的原理
    css盒模型和块级、行内元素深入理解display:in
    html 界面跳转
    wxgz平台开发
    关于Apache PHP实现无后缀名 URL重写
    读书笔记
    比较好的书本
  • 原文地址:https://www.cnblogs.com/xsk-style/p/6338004.html
Copyright © 2020-2023  润新知