iT邦幫忙

0

滑鼠下接時網頁頁面會自動更新

如何做像FB網頁,當滑鼠下接到最底時,會一直顯示資料

蟹老闆 iT邦大師 1 級 ‧ 2013-03-25 01:52:15 檢舉
那種設計好像叫瀑布流
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
16
yiying
iT邦新手 1 級 ‧ 2013-03-25 10:42:01
最佳解答

這種做法好像會有很多種
目前我所知的是Lazyload(或者偽lazyload)
http://esterndesign.com/blog/jquery-lazyload-plugin/
不知道是不是你要的就是了..

不過要看你為什麼需要做出像fb一樣的效果
出發點不同,應該會有不同的想法,也會有不一樣的做法

10
newkevin
iT邦高手 1 級 ‧ 2013-03-25 09:13:52

程式自己找
自己都說了 有觀察到 滑鼠到最底下
所以 要先找到如何讓電腦知道滑鼠到最底了
然後 電腦知道到最底了 就執行 自動更新
哈哈

6
josephj
iT邦新手 5 級 ‧ 2013-03-31 19:01:44

Infinite Scrolling +1

我自己也做了一個 scroll-pagination 的工具:
https://github.com/josephj/scroll-pagination
不過目前跟後端要資料只支援 XMLHttpRequest 的作法
看看是否合用

實際的作法可參考原始碼的 259 行
https://github.com/josephj/scroll-pagination/blob/master/scroll-pagination.js#L259
基本上就是 scroll 時去判斷跟底部的距離、是否需要載入新資料(當然 Resize 也要考慮)
其餘的就是載入資料了

我要發表回答

立即登入回答