作者birthday526 (Nancy)
看板Web_Design
標題[問題] 文章固定上列捲動顯示
時間Wed Jun 4 19:26:22 2014
小妹在製作網頁時遇到瓶頸,
想製作類似這種效果的網頁瀏覽方式
(01,02,03皆為圖片)
1 01 content <-網頁top位置
--------
--內容--
--------
02 content
03 content
上滑>>>>
1 01 -------
02 content
03 content
滑動時只有內容向上滑動
01位置保持不變
再滑>>>>
1 02 content
03 content
圖片02取代了圖片01,內容也跟著取代了
----------------------------------------
目前是選用ul,li的方式先寫好了架構
但是不知道怎麼完成這個效果~
請問有人知道如何解決嗎?
謝謝:)
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 39.10.31.244
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1401881185.A.D00.html
推 kerash:建議用個 jsfiddle 之類把你現在的 code 貼出比較好理解 06/04 20:40
→ kerash:這個可能會用到 position fixed + js 的 scroll 判斷 06/04 20:40
推 banjmin:哩勒公蝦? 06/05 03:35
推 hit1205:所以是希望內容捲動,但是在該內容還沒捲到底的時候, 06/05 06:09
→ hit1205:還沒捲到頂的時候,對應的圖片仍然停留在畫面上這樣嗎 @@ 06/05 06:10
→ birthday526:就是網頁上捲的時候圖片是卡住的,直到卷到該內容 06/06 22:28
→ birthday526:結束,則換下一則內容的圖片卡住,然後內容往上捲 06/06 22:29
→ birthday526:對!!!!!!!! 天啊竟然有人看得懂.. 06/07 11:31
→ birthday526:感謝QQ.. 06/07 11:37