thinkphp官網瀑布流實現分享

2021-06-19 00:11:08 字數 626 閱讀 2137

很多人都想做瀑布流的效果,這裡告訴大家官網使用的方法。

裡面包含的很多示例,但是都是英文的。。。我給大家寫個小例子吧1,頁面初始化時,呼叫外掛程式進行一次排版;

2,當使用者將滾動條拖到底部時,用ajax載入一次資料,並排版顯示

3,重複2,直到無資料

瀑布流下來了

載入中,請稍後...

我是頁尾

class useraction extends action

$this->assign('height', $res);

$this->display();

}//獲取一次請求的資料

public function getmore()

$this->ajaxreturn($res);}}

通過判斷視窗是否滾動到頁面底部來決定用ajax載入一次資料。如果不做處理,會一下子請求很多次。所以,要使用條件來限制。

我使用的是往乙個元素上賦值 $("#loading").data("on", true);,在請求期間判斷是true則不繼續請求,然後在頁面請求完成後再賦值為false

放幾張示例:

thinkPHP實現瀑布流的方法

文章tag thinkphp 瀑布流過期已備案網域名稱,註冊就能用!織夢精美仿站,火熱預定中!這篇文章主要介紹了thinkphp實現瀑布流的方法,例項講述了瀑布流外掛程式的應用以及對應的html與action 是非常實用的技巧,需要的朋友可以參考下 流程 1.頁面初始化時,呼叫外掛程式進行一次排版 ...

瀑布流實現

html 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 js 一定要用window.onload不能用 function var data window.onload function pbl pbl function pbl...

ThinkPHP實現ajax仿官網搜尋功能例項

具體實現方法如下 後台 複製 如下 搜尋,如果在1不在0 function search else 前端 複製 如下 document ready function else,datatype json success function data html items.goods id items....