首頁 > web前端 > js教程 > javascript跟著滾動效果插件程式碼(javascript Follow Plugin)_javascript技巧

javascript跟著滾動效果插件程式碼(javascript Follow Plugin)_javascript技巧

WBOY
發布: 2016-05-16 17:27:01
原創
1150 人瀏覽過

Js 跟隨滾動效果插件
支援定義多個跟隨ID,採用css fixed屬性,不支援ie6,相容於其他主流瀏覽器。
支援定義捲動到底部的最小高度,不會覆蓋底部
頁面大小resize後,插件會自動重置參數
=======
Js 跟隨滾動效果插件
1.支援定義多個跟隨ID,採用css fixed屬性,不支援ie6,相容於其他主流瀏覽器。
2.支援定義捲動到底部的最小高度,不會覆蓋底部
3.頁面大小resize後,插件會自動重置參數
=======
使用方法
 程式碼如下
 

複製程式碼 程式碼如下:

程式碼如下:

程式碼如下:

程式碼如下:
=" " src="follow.js">
window.onload = function(){
 var followIds = [document.getElementById("follow"),document.getElementById("follow2")];
 new Follow({
  obj:followIds,
  bottom:150
 });
} 程式碼如下:





Js フォロー




< div class="header">ヘッダー




使用方法:

1.ダウンロード插件,在页面下入之後,window.onload = function(){}

2.必要なオブジェクトの数を作成します。例: var followIds = [document.getElementById("follow"),document.getElementById("follow2")];

3.初期化Follow:new Follow() ;

4.传参、obj はオブジェクト数グループ、下は移動块距離底部の最小高さ



< pre style="word-break:break-all;word-wrap:break-word;width:600px;">

<script><br>window.onload = function(){<br> var followIds = [document.getElementById("follow"),document。 getElementById("follow2")];<br> new Follow({<br> obj:followIds,<br> bottom:150<br> });<br>}<br></script>


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板