vue實現置頂功能

2022-06-22 07:09:09 字數 448 閱讀 4139

需求背景:專案中需要將某個標題置頂,但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題其實也不難...