美文网首页
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回到顶部

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