[問題] 文章固定上列捲動顯示

看板Web_Design作者 (Nancy)時間11年前 (2014/06/04 19:26), 編輯推噓4(406)
留言10則, 4人參與, 最新討論串1/1
小妹在製作網頁時遇到瓶頸, 想製作類似這種效果的網頁瀏覽方式 (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

06/04 20:40, , 1F
建議用個 jsfiddle 之類把你現在的 code 貼出比較好理解
06/04 20:40, 1F

06/04 20:40, , 2F
這個可能會用到 position fixed + js 的 scroll 判斷
06/04 20:40, 2F

06/05 03:35, , 3F
哩勒公蝦?
06/05 03:35, 3F

06/05 06:09, , 4F
所以是希望內容捲動,但是在該內容還沒捲到底的時候,
06/05 06:09, 4F

06/05 06:10, , 5F
還沒捲到頂的時候,對應的圖片仍然停留在畫面上這樣嗎 @@
06/05 06:10, 5F

06/06 22:28, , 6F
就是網頁上捲的時候圖片是卡住的,直到卷到該內容
06/06 22:28, 6F

06/06 22:29, , 7F
結束,則換下一則內容的圖片卡住,然後內容往上捲
06/06 22:29, 7F

06/06 22:33, , 8F
是不是這種效果? http://ppt.cc/we95
06/06 22:33, 8F

06/07 11:31, , 9F
對!!!!!!!! 天啊竟然有人看得懂..
06/07 11:31, 9F

06/07 11:37, , 10F
感謝QQ..
06/07 11:37, 10F
文章代碼(AID): #1JZm9Xq0 (Web_Design)