sticky

0熱

1答えて

アニメーション化されたナビゲーションバーを一度スクロールして特定のポイントをスクロールする

ユーザーが特定の部分を過ぎてスクロールすると、アニメーション化されたナビゲーションバーをページの上部に貼り付けようとしています。（ここには多くの例がありますが、私は仕事をすることができませんでした）。私は、既存のonscrollアニメーションと矛盾することなく、そしてそのnavbar自身のdivにページ全体を入れ子にすることなく、ブートストラップを使わずにjavascriptを追加したいと思い

2熱

3答えて

ウィンドウの高さより長いスクロールdivを停止する方法はありますか？

#containerの内部（位置：相対）私は2つのdivがあります：両方とも50％幅で、＃最初は非常に背が高く（位置は相対）、＃2番目のものは少なくとも2000pxの高さです。第2秒間にスクロールするのを止める方法はありますか？他のコンテンツはスクロールし続けますか？それのために余分な親Divを作っていないと素晴らしいだろう。フィドル： - それのためのbrowser compatabil

0熱

2答えて

純粋なCSS3視差付スティッキーヘッダーの問題

私はサイトを構築しており、非常に長いページを持っています。純粋なCSS3を使用して視差を追加することにしました。私はここからだCSS3視差コード：私たちは下にスクロールするとき codepen.io/keithclark/pen/JycFw その後、我々はスティッキーヘッダーを適用することを決定したが、気づく、それは表示されませんでした（約180ピクセル）。 http://www.webdesi

2熱

2答えて

スティッキーセクション（特にビューポート）

たとえば、ドキュメントの高さが4100の場合は、セクションを500〜3600の高さに表示する必要があります。私は適切な出力を得ていませんでした。親切にあなたの考えを共有してください。 var start = $(document).scrollTop(); var stop = $(document).height() - 500; $('#onScrollShow').hide(); $(

1熱

1答えて

CSSのスティッキー位置フロートのバグ

トップdivの高さがint値ではなくフロートの値で、bottomのdivのトップをトップの高さと同じにすると、CSS位置のスティッキー値が使用されます。しかし、この問題がない絶対と固定を使用してください。のdivとB divがスペース html,body { margin: 0; } .container { height: 1000px; }

0熱

1答えて

Navbarは上部に固定する必要があります

私のウェブサイトに2つのヘッダーがあります。上部のヘッダーを隠す必要があります。そして、navbarの下には、上部に固定する必要があります。ヘルプメッセージ..

0熱

2答えて

スティッキーサイドバーを追加

GithubプロジェクトのスティッキーサイドバーをtheiaStickySidebarで使用しようとしています。上のリンクで説明したように、これは簡単な作業でなければなりません。私は以下のHTML構造を使用します： <aside class="sidebar"> <div class="theiaStickySidebar"> ... </div> </aside> これらのスクリプト

0熱

1答えて

位置：スティッキーがラッパーの子ノードである場合、スティッキーが動作しないようです

別のラッパーの中にある要素に対してposition: stickyを処理しようとしています。ここでは、それが動作していないところcodepen例である（底面積がスクロールするのに十分に小さいことを確認してください。） https://codepen.io/anon/pen/aWLrXd （すべてdtスティックに注意してください、しかしに包まれていない彼は1 div class='broken'タ

0熱

1答えて

スティッキーメニューをスムーズに移行する方法

スティッキーメニューを作成しましたが、完全に機能しますが、スムーズではありません。 jqueryに関する私の知識は非常に限られているので、とてもシンプルでわかりません。私はそれが.animate（）であると信じていますが、自分のコードにどのように適用するかわかりません。 function stick() { if ($(this).scrollTop() > 140){ $('.he

0熱

1答えて

jqueryを使用してヘッダーの表示を半分にする

私は検索しましたが、私が見つけた回答は適用できませんでした。私は、行を持っていると私はそれに接続されている次のCSSと＃ヘッダーとそれをターゲットにすることができます：私はページ上の特定のポイントでは、このフェードを作ることができる方法を知りたい #header { position: fixed; top: 0; z-index:99; width: 100%; height: 10