乙個小需求 頁面滾動到底部的時候, 隱藏按鈕

2022-08-15 09:45:12 字數 446 閱讀 9354

需求:

在頁面上有個快速滾動按鈕(用來滾動到頁面底部), 如果頁面到了底部, 就隱藏按鈕, 一旦頁面離開了底部, 顯示按鈕.

方案:頁面滾動到底部很容易捕捉到, 隱藏按鈕即可, 對脫離底部的檢測稍有些trick, 需要乙個長度2的陣列佇列來檢測.

**:

1

var total_height = $(document).height() -$(window).height();

2var queue = [1, 1];

3 $(window).scroll(function

() 11

12if (queue[0] == 0 && queue[1] != 0)

15 });

利用佇列記錄新舊位置, 只有 [0, 非0] 的情況下, 說明頁面離開了底部. 並且只觸發一次.

如何判斷乙個元素滾動到了底部

理解 如下 相容不同的瀏覽器 所以 滾動距離 元素的高 文件的高 才是你到底部的時刻 也就是 scrolltop clientheight scrollheight。js的寫法 滾動條在y軸上的滾動距離 function getscrolltop if document.documentelemen...

Winodws定時備份的乙個小需求

因業務的一些資料需要定期備份,為了避免資料丟失,就需要對資料進行備份,這裡用2臺windows虛擬機器來模擬場景測試備份。業務資料機器 192.168.108.13 備份資料機器 192.168.108.23 2臺windows已經關閉防火牆,網路可以互通。業務資料機器 192.168.108.13...

關於頁面回跳的乙個小技巧

我們先假設這樣乙個場景,實際之中也是這樣做的,有乙個分頁的論壇,現在我在第二頁,刪除其中乙個帖子,一般簡單來說,刪除後會自動跳到帖子的展現頁面的第一頁,但如果我想跳到原來所在的頁面,即帖子展現頁面的第二頁,該怎麼辦呢?配置如下 test.jsp 中 要傳過去的當前頁面的 url 位址 string ...