2012-08-10 79 views
0

我正在使用無限滾動jQuery插件與砌體。每個頁面大約有一百張小圖像,足以填充iPad屏幕,但對於大型圖像(如iMac屏幕)來說,還不夠。立即開始使用jQuery無限滾動加載

無論調用無限滾動時設置bufferPx選項多高,都不會載入其他內容,直到查看器開始滾動。有沒有一種方法可以修改這種行爲,例如無限滾動在瀏覽器滾動之前加載額外的內容之前

回答

0

那麼,這是一個無限的滾動的整個點:一個查看器滾動,新的內容加載。你有沙箱或小提琴來展示你試過的代碼?如果你在http://www.infinite-scroll.com/上閱讀,你可以找到你需要的東西:「在1.4中,你可以隨意觸發下一頁內容的加載」。

+0

也許,根據瀏覽器大小(檢測設備和/或窗口大小)預先填充圖像容器是前進的方向嗎? – Systembolaget 2012-08-10 20:57:38

0

更多信息將有所幫助,但我可以提供一個簡單的設置,可以緩解您的疑慮。

當你啓動它(爲了方便起見),你可以將你的infinitescroll對象設置爲變量,然後在回調函數中定位該變量以獲取容器高度,並將其與當前窗口的高度進行比較,如果它更小,您可以觸發'檢索'方法,使其開始加載更多的圖像。在它填滿屏幕後,它會照常禮貌地等待滾動事件。

$infinite = $('#infinitebox'); 
$infinite.infinitescroll({options}, function() { 
    if ($infinite.height() < $(window).height()) { 
     $infinite.infinitescroll('retrieve'); 
    } 
});