2016-07-09 6 views
0

私のウェブサイトを作成していて問題があります。 は私のページの上部に私のヘッダーがあり、その中に私のNAV 私はページを下にスクロールし、ヘッダは可視ウィンドウでない場合、私は(上から)滑落したい別のDIVは(その後、トップに固定され、常に表示されます)。ユーザーがボタンをクリックすると、ヘッダーが下にスライドする必要があります。スライドを表示した後、ヘッダをスライドさせるボタンを表示

ヘッダは、ボタンと私の固定DIVがdisapearしなければならない可視ウィンドウに入って来戻って私のページの先頭にユーザーがスクロールした場合。

私はあなたが私はあなたが私を助けることを願って、私の非常に悪い英語ウントで何を意味するかを理解してほしいです。

+0

再びステージ1であり、あなたのアイデアを取得していない、あなたはスクリーンショットや、既存の –

答えて

0

私はuの

https://jsfiddle.net/ps4952ss/5/

hope this help 
+0

のリンクを置くことができますうん、これは非常に来ますそれに近い。 ヘッダー1:スクロールバーが上にあるときに が表示されている - 普通のヘッダー。 ヘッダーは100ピクセルの高さです。そのポイントまでスクロールすると... ヘッダー2: ...矢印の付いたボタンを下にスライドさせます。矢印をクリックするとヘッダーが下に移動し、ボタンが表示されている必要があります。スクロールバーが上にないためです。 私が見つけたものと、ヘッダー2に近いものを見せてあげましょう:http://codepen.io/antoinevinial/pen/lnwyC –

0

の作業フィドルを作成する私は、これは簡単かつ迅速に物事を続ける、あなたがStickUpを使用したいと思います。あなたは、URLが、私はこれは私が私が欲しいものを示す画像を作成...

0

に役立つことを願って、https://github.com/LiranCohen/stickUpでGitHubのからそれを得ることができます。

Click to see the picture

  1. ユーザーが上部にページを参照してください - すべてが今、ユーザーがスクロールダウン
  2. 正常で、ヘッダが上がるともう見えエリアではありません。この時点でダウントリガ...
  3. 来て...と、ユーザーがトリガーをクリックしたときにヘッダがダウンスライドやので、トリガーの上にスライドすることができます。

ユーザーがスクロールは、トリガをトップにした場合、最大スライドと私たちは

関連する問題