この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 14553|答える: 1

[角] 修正されたメニュー/トップレベルプラグインSticky-KitのAngularバグ解決

[リンクをコピー]
掲載地 2018/10/18 16:14:55 | | | |
ユーザーがページをスクロールしている間に特定の要素を表示させたい場合、Sticky-Kitは良い選択肢です。

これはオープンソースのjQueryプラグインで、ページ要素の固定ページ効果を素早く生成するのに役立ちます。 ナビゲーションバーを開発する際には、こうした機能が必要なことが多いです。

主な特徴:
複数の要素の固定表示のサポート
要素表示とそのビューポートの位置をサポートします
とても使いやすく、クラスライブラリも非常に小さいです

公式ウェブサイト:http://leafo.net/sticky-kit/
GitHub:https://github.com/leafo/sticky-kit

使い方は簡単です:

私のコード:



固定されているわけではありません。使っているテンプレートはトップに固定できます。最初は自分が間違っているのかと思い、長い間探して見つけましたstick_in_parentは固定要素の最も近い親にデフォルトで割り当てられます

親要素はapp-topbar(Angularで自動生成されたタグ)ですが、テンプレートの親要素はdiv #main-wrapperです

したがって、修正は以下の通りです:



完成です!





先の:Angular6プロジェクトはSCSSを使用しています
次に:insertBefore メソッドと insertAfter メソッドの実装方法
掲載地 2018/10/18 21:44:45 |
長い間調べて、ついに見つけました。ありがとうございます
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com