需求背景:專案中需要將某個標題置頂,但element沒有支援置頂的元件,所以手動實現(原生js),效果如下圖:
1)解決思路:先找到當前頁面,滾動條所在dom,然後新增滾動條監聽事件,對比滾動條的高度和置頂內容的offsettop高度,大於則開啟置頂,小於則還原。
2)話不多說上**
// 示例**
123只提供一種思路,如果不足之處多多交流指正,如有更好的解決方案,還望不吝指導。4置頂部分內容56
7滾動展現的內容1
8滾動展現的內容2
9滾動展現的內容3
10滾動展現的內容4
11滾動展現的內容5
1213
141566
PHPCMS實現文章置頂功能的方法
這篇文章主要介紹了phpcms實現文章置頂功能的方法,需要的朋友可以參考下 我個人喜歡把phpcms當作部落格來用,而作為乙個部落格,怎能少了文章置頂功能呢?其中用phpcms實現置頂功能非常簡單,無非是修改下推薦位的名稱為置頂,然後在文章列表中推送需要置頂的文章罷了。不過部落格系統中置頂文章可不會...
php實現文章置頂功能的方法
昨天客戶讓做文章置頂的功能。自己以前沒做過。靠著同事的指點才做了出來。本來挺簡單的事情,被自己搞了好久。自己真的缺乏對程式的理解。還是寫篇部落格記錄一下吧。第一步,在文章表裡面建兩個字段,用於做置頂功能。乙個是top欄位,timestamp型別,預設選 定義 用於儲存置頂操作的時間 還有乙個flag...
PHPCMS實現文章置頂功能的方法
我個人喜歡把phpcms當作部落格來用,而作為乙個部落格,怎能少了文章置頂功能呢?其中用phpcms實現置頂功能非常簡單,無非是修改下推薦位的名稱為置頂,然後在文章列表中推送需要置頂的文章罷了。不過部落格系統中置頂文章可不會與文章列表中的文章重複,要解決這個問www.cppcns.com題其實也不難...