コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > javascript フォロー スクロール エフェクト プラグイン コード (javascript Follow Plugin)_javascript スキル

javascript フォロー スクロール エフェクト プラグイン コード (javascript Follow Plugin)_javascript スキル

WBOY
リリース： 2016-05-16 17:27:01
オリジナル
1151 人が閲覧しました

Js フォロー スクロール エフェクト プラグイン
は、複数のフォロー ID の定義をサポートし、CSS 固定属性を使用し、ie6 をサポートせず、他の主流ブラウザーと互換性があります。
下を覆わずに下までスクロールするための最小高さの定義をサポート
ページ サイズが変更された後、プラグインはパラメータを自動的にリセットします
========
Js フォロー スクロール効果プラグイン
1. CSS 固定属性を使用して、複数のフォロワー ID の定義をサポートします。ie6 はサポートしません。他の主流ブラウザーと互換性があります。
2. 下部を覆わずに下部までスクロールするための最小の高さの定義をサポートします。
3. ページ サイズを変更すると、プラグインはパラメーターを自動的にリセットします。
======= =
使い方
コードは次のとおりです

コードをコピーします コードは次のとおりです:


window.onload = function(){
var followIds = [document .getElementById("follow"),document.getElementById("follow2" )];
新しい 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
前の記事：jquery_jquery の相対親要素と相対ドキュメント配置のサンプル コード 次の記事：jQueryの正しい書き方 function_jquery
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
for ループはランダムに 1 から 0 まで変化します 基本的に、ページが更新されるたびに、for ループは 1 から 0 に変化する可能性があります。なぜこのようなことが起こるのかはわかりませんが、画像を重ね合わせる方法に影響します。...
から 2024-04-06 16:48:14
0
1
393
React Three Fiber: スクロール イベントが遅れるのはなぜですか? ReactThreeFiber には、カメラのズーム全体にわたって保持したいスプライトを生成する React コンポーネントがあります。アルゴリズムは機能しているようですが (サイ...
から 2024-04-06 13:39:24
0
1
410
改訂されたタイトル: チェックボックスの選択に基づいて合計を計算する 私は単純な財務追跡アプリケーションを開発しています。アプリケーションには、すべての経費請求書が記載された表があり、合計金額は表の外側にあります。 JS または AJAX を使用して...
から 2024-04-04 13:45:50
0
1
3465
質問は同じですが、タイトルは次のように書き換えられています: Javascript のランダム関数が有効な応答を生成できません JSとHTMLを使用して簡単な乱数生成ゲームを作成しています。このゲームでは乱数の最小値と最大値を設定できます。しかし、変数を設定して結果を記録すると、ありえない数値が表示されます...
から 2024-04-03 22:03:14
0
1
275
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート