美文网首页
jQ回到顶部

jQ回到顶部

作者: 明明明明如月 | 来源:发表于2018-10-22 16:22 被阅读0次

 <script type="text/javascript"src="js/jquery-1.8.3.min.js"></script>

   <script type="text/javascript">

   /* 回到顶部 */

   $(function() {

    $(function() {

     $(window).scroll(function() {

      /* 判断滚动条 距离页面顶部的距离 100可以自定义*/

      if($(window).scrollTop() > 100) {

       $("#top_sec").fadeIn(100); /* 这里用.show()也可以 只是效果太丑 */

      } else{

       $("#top_sec").fadeOut(100);

      }

     });

    });

    /* 给图片元素绑定 回到顶部的事件 */

    $(function() {

     $("#goPageTop").on("click", function() {

      $('body,html').animate({

       scrollTop: 0

      }, 1000);

      returnfalse;

     });

    });

   });

</script>

相关文章

  • jQ回到顶部

    /* 回到顶部 */ $(function() { $(function() { $(window).scroll...

  • JQ-如何优雅的回到顶部。

    今天业务 需求中 增加一个回到顶部的小组件。那我们直接进入正题。 1.最快的 方法就是在页面顶部加一个a 标签,使...

  • jq返回顶部按钮

    对于数据量较为庞大的网站,页面总是会很长,返回顶部按钮的必要性就体现出来了

  • 点击回到顶部的js方法和jq方法

    js方法: 再来看看jquery方法,简单了许多

  • js 返回页面顶部(动画)

    js 返回到页面顶部,含有渐变或者动画效果 点击返回顶部按钮,页面逐渐向上回到顶部: js 返回到页面顶部,直接返...

  • 回到顶部

    经过百度与stackoverflow4年前还有很多quirks模式的时候 原因是这样的 Firefox & IE...

  • 回到顶部

    首先来下简易的css和html布局 其中图片: 接下来js 这个时候我们console.log(ispeed),发...

  • 回到顶部

  • 回到顶部

    首先提到回到顶部我们就想到的是a标签锚点跳转 a标签返回顶部的话会产生改变路由的问题每次用户点击返回顶部的话是可以...

  • 回到顶部

网友评论

      本文标题:jQ回到顶部

      本文链接:https://www.haomeiwen.com/subject/xopgzftx.html