[ajax] 博客來的圖片延遲載入是怎麼做到的

看板Ajax作者時間14年前 (2011/02/14 09:07), 編輯推噓0(007)
留言7則, 4人參與, 最新討論串1/1
最近在看博客來的產品列表 發現如果該頁的產品數太多需要用scrollbar下拉 當滑鼠往下拉的時候 , 才會顯示該畫面的圖片 請問這樣的效果是怎麼辦到的阿 謝謝 -- ─┬─┬─████◣ ┌─┬─┬┬─┬─╭────────────╮██ ┴┬ ┴┬ ├─ ◢██◣┴┬你偷吃, 鄭先生有看到。 ─┴ ┬┴◢◤□︵□ ├┬ ╰────────────╯◢◤ ─┬ ┴┬ □︵□┬┴┬┴┬┴┬─┬┴┬ made by ┴┬─┬┴ ├┬┴ )◤▅┴┬┴┬┴┬┴┬┴┬┴ orz ┴┬┴┬┴┬◢◤ ├┴┬ ◣◤┬┴─┴┬┴─┴┬┴┬ ⊙Ptt ◢◤ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 122.117.39.194

02/14 10:47, , 1F
onScroll 時判斷內容是不是可見範圍內。
02/14 10:47, 1F

02/14 12:08, , 2F
jQuery有現成的套件 lazy load
02/14 12:08, 2F

02/14 13:30, , 3F
lazy load停止更新了
02/14 13:30, 3F

02/15 11:20, , 4F
請問一樓T大要怎麼判斷呢,可以指點一下嗎,謝謝
02/15 11:20, 4F

02/15 11:40, , 5F
你可以從 window 拿高度 再從物件拿高度 再跟目前的scrolTop
02/15 11:40, 5F

02/15 11:41, , 6F
三個數字比一下就知道了....
02/15 11:41, 6F

02/15 15:20, , 7F
剛剛逛博客來想到,就看了一下。他也是用lazy load XD
02/15 15:20, 7F
文章代碼(AID): #1DM81f7e (Ajax)
文章代碼(AID): #1DM81f7e (Ajax)