2012-04-06 3 views
0

以下のサイトで使用されている手法を複製して、ビューアが折り目を越えてスクロールした後にdivが自動的に表示されるようにします。曲がり角をスクロールした後にDivを表示します

http://www.talentgarden.it/it/#!/home

私はjqueryのを使用してdiv要素を隠し、scrollTopスプライト機能を使用して精通していますが、私はjqueryのは、ユーザーが倍に合格したことを知らせるために正確にどのように確認していません。

私はnoobですので、何か助けに感謝します。

おかげで、

ジョー

答えて

0

これは、アクションが発生したときにscrolltriggerは、ページの%である私が使用するコード(どこからそれを得た)

var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height(); 
if ((wintop/(docheight-winheight)) > scrolltrigger) {...} 

です。したがって、ページの95%が表示された後にスクロールしたい場合、scrolltrigger = .95

+0

スクロールトリガーが95%より大きい場合、どのようにイベントを発生させてdivを表示するのですか? –

+0

var wintop = $(window).scrollTop()、 docheight = $(document).height()、 winheight = $(window).height(); if((wintop /(docheight-winheight))> scrolltrigger){.95} $( '。target')。show(); –

0

divの上部の位置をウィンドウの下部と照合しているようです。 divが特定のポイントを超えてスクロールすると、divが表示されます。

1

彼はScrollSpyを使用しています。 http://davidwalsh.name/mootools-scrollspy

+0

"The MooTools JavaScript Class"を自分のサイトに含める必要がありますか?または、例のテキストだけですか?ありがとう! –

+0

mootoolsは例に含まれています – worenga

+0

ありがとう@mightyuhu これは嫌いですが、あなたはこれを行うために何か方法がありますか?または私のものを保存してください? http://jsfiddle.net/YC2Lh/ 画像リンクを自分のサイトで実際に使用したリンク(http://davidwalsh.name/dw-content/peter-right.jpg)に置き換えました。 –

関連する問題