国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery網頁右側廣告跟隨滾動代碼分享

2019-11-20 11:29:38
字體:
來源:轉載
供稿:網友

兩種方法都分享給大家,希望對大家的學習有所啟發。

方法一:

<script type="text/javascript">// <![CDATA[ $.fn.smartFloat = function() {   var position = function(element) {     var top = element.position().top, pos = element.css("position");     $(window).scroll(function() {       var scrolls = $(this).scrollTop();       if (scrolls > top) {         if (window.XMLHttpRequest) {           element.css({             position: "fixed",             top: "10px"           });         } else {           element.css({             top: scrolls           });         }       }else {         element.css({           position: pos,           top: top         });       }     });   };   return $(this).each(function() {     position($(this));   }); };  //綁定 $("#float").smartFloat(); // ]]></script> 

方法二:

/*頁面智能層浮動*/ jQuery(document).ready(function($){   var $sidebar = $(".float"),   $window = $(window),   offset = $sidebar.offset(),   topPadding = 20;   $window.scroll(function() {     if ($window.scrollTop() > offset.top) {       $sidebar.stop().animate({         marginTop: $window.scrollTop() - offset.top + topPadding       });     } else {       $sidebar.stop().animate({         marginTop: 0       });     }   }); }); <div id="float" class="float"> <h3>博主推薦</h3> 廣告代碼 </div>

以上就是jQuery網頁右側廣告跟隨滾動,仿wordpress右側廣告跟隨滾動,希望對大家的學習有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 玛沁县| 昂仁县| 哈巴河县| 阳曲县| 鱼台县| 全州县| 临泉县| 探索| 罗城| 广宗县| 沧州市| 海晏县| 大渡口区| 彭州市| 泽普县| 长汀县| 都匀市| 甘泉县| 高清| 兴义市| 涿鹿县| 德庆县| 都兰县| 资溪县| 高要市| 修武县| 独山县| 荥阳市| 临江市| 库伦旗| 满洲里市| 于田县| 肇庆市| 健康| 湘潭县| 安义县| 横峰县| 吉林省| 姜堰市| 寻甸| 台中市|