ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryテーブルトップバーの固定効果

jQueryテーブルトップバーの固定効果

php中世界最好的语言
リリース: 2018-04-19 16:16:16
オリジナル
1363 人が閲覧しました

今回はjQueryテーブルトップバー固定効果について説明します。jQueryテーブルトップバー固定効果の注意事項は何ですか。実際のケースを次に示します。見てみましょう。

この種の効果は難しいことではありませんが、実際に達成するのは非常に面倒です。ここではその難しさについては説明しません。最終的に、あるウェブサイトでその答えを見つけました。私はよく訪れます。

元の質問のアドレス: https://segmentfault.com/q/1010000000130774

この小さなプラグインの使い方を紹介します。まず、有名な「同性」出会い系サイト github にアクセスしてコードをダウンロードします

私は主に私の赤枠内のソースコードを使用していますが、他の人のソースコードを参照することもできます。ここで必要なのは、js を引用符で囲み、画像内の 2 つの

を 2 つのタグテーブルとヘッドに追加することだけです。 赤枠内の文字です。そうすれば効果が出ますよ。

ただし、効果が得られない人もいるかもしれません。パニックにならないでください。F12 キーを押して エラー メッセージを確認してください。現時点では、この js を変更するだけです。 そうすれば効果が得られます!面倒に思う人もいるかもしれませんが、これらはすべて写真

で、そのまま真似することはできないと思いますが、自分でいろいろ読むことと実際に書くことの間にはギャップがあると思います。一瞬、それを書こうと思ったのですが、昨晩何を作ったか考えて、もう目を開けることさえできなくなったので、みんなにわかるようにただ写真をタイプしました。コピーできます:

テーブルのクラス class="table-fixed-header"

thead のクラスは class='header' です

追加する js: $('.table-fixed-header').fixedHeader();

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連記事に注目してください。 php中国語ウェブサイトで!

推奨読書:

jQuery操作のアンカーポイントの動的変位


.アクティブな動的使用によるナビゲーション効果の実現

以上がjQueryテーブルトップバーの固定効果の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート