製作Div出現滾動後過彎

我想複製下面的網站中使用的技術，以便在查看器滾動過摺疊後，自動顯示一個div。製作Div出現滾動後過彎

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

我所熟悉的隱藏的div使用jQuery和使用scrollTop的功能，但我不知道究竟是如何讓jQuery的知道用戶已經通過折。

我是一個noob，所以任何幫助表示讚賞。

感謝，

喬

來源

2012-04-06 Joe Isaacson

這是我使用的代碼（從某處得到它）

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

其中scrolltrigger是頁面％時的動作發生。因此，如果您希望在頁面的95％顯示之後發生，請使用scrolltrigger = .95

來源

2012-04-06 20:33:23 Rodolfo

因此，如果scrolltrigger大於95％，那麼如何觸發一個事件來顯示div？ – 2012-04-08 07:45:36

var wintop = $（window）.scrollTop（）， docheight = $（document）.height（）， winheight = $（window）.height（）; （（wintop /（docheight-winheight））> scrolltrigger）{.95} $（'。target'）。show（）; – 2012-04-08 07:46:32

看來他們正在檢查窗口底部div的頂部位置。 div一旦滾動過某個點，div就會出現。

來源

2012-04-06 20:34:05

他正在使用ScrollSpy。請參閱http://davidwalsh.name/mootools-scrollspy

來源

2012-04-06 20:34:54 worenga

我必須在我的網站中包含「The MooTools JavaScript Class」嗎？或者僅僅是例子中的文字？謝謝！ – 2012-04-08 05:07:17

mootools包含在示例中 – worenga 2012-04-08 13:23:37

謝謝@mightyuhu 討厭提問，但是有什麼辦法可以爲此提供一個小提琴嗎？或者請保存我的？ http://jsfiddle.net/YC2Lh/ 我用他在他的網站上實際使用的圖像鏈接替換了圖像鏈接（http://davidwalsh.name/dw-content/peter-right.jpg） – 2012-04-09 07:24:18

製作Div出現滾動後過彎

回答

相關問題