頁面滾動到一定距離後再觸發全螢幕滾動該怎麼做? 例如米家電鍋的熱門食譜推薦section
多謝!
欢迎选择我的课程,让我们一起见证您的进步~~
其實你看它的樣式就很容易知道了。
一旦滾動到製定位置,它就fixed一個全螢幕的輪播圖,然後根據滾動距離自動切換。
其實底下還是普通的頁面,只是用一個全螢幕的輪播圖擋住了而已。
可以搜尋一jQuery全螢幕滾動插件,我找到下面幾個:http://alvarotrigo.com/pagePi...(英文)http://alvarotrigo.com/blog/f...(英文) http://www.dowebok.com/77.html (第二個的中文)http://www.dowebok.com/107.html (中文)
/a/11...
這是一個不用外掛實現的效果:http://jsfiddle.net/yDuh7/
其實你看它的樣式就很容易知道了。
一旦滾動到製定位置,它就fixed一個全螢幕的輪播圖,然後根據滾動距離自動切換。
其實底下還是普通的頁面,只是用一個全螢幕的輪播圖擋住了而已。
可以搜尋一jQuery全螢幕滾動插件,我找到下面幾個:
http://alvarotrigo.com/pagePi...(英文)
http://alvarotrigo.com/blog/f...(英文)
http://www.dowebok.com/77.html (第二個的中文)
http://www.dowebok.com/107.html (中文)
/a/11...
這是一個不用外掛實現的效果:
http://jsfiddle.net/yDuh7/