zoukankan      html  css  js  c++  java
  • Jquery悬浮backTop代码

     1 $(window).scroll(function () {
     2             if ($(this).scrollTop() != 0) {
     3                 $("#toTop").fadeIn();
     4             } else {
     5                 $("#toTop").fadeOut();
     6             }
     7         });
     8         $("body").append("<div id="toTop" style="15%;height:15%;padding:10px 13px 7px 13px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;"><img src="/Resource/Content/Themes/Mobile/images/520Activity/backTop.png"></div>");
     9         $("#toTop").click(function () {
    10             $("body,html").animate({ scrollTop: 0 }, 800);
    11         });

    html中向下滑动页面,按钮出现,可以回到顶部,回到顶部后按钮自动消失。

  • 相关阅读:
    菜根谭#298
    菜根谭#297
    菜根谭#296
    菜根谭#295
    菜根谭#294
    菜根谭#293
    菜根谭#292
    菜根谭#291
    菜根谭#290
    菜根谭#289
  • 原文地址:https://www.cnblogs.com/HuberyHu/p/5492008.html
Copyright © 2011-2022 走看看