如何使用jQuery來判斷用戶是否可以滾動？

Question

我有一個簡單的測驗應用程序，顯示一個問題和4個選擇題的答案。

有時，問題和答案的文本不能放在一個頁面上，用戶必須向下滾動以查看它。如果是這種情況，我想在用戶的屏幕頂部顯示一條消息，以表明還有更多的選項在下面。

但是，如果所有的答案都在屏幕上，我不想顯示此警告。

我不是jQuery/javascript專家。從我所看到的有很多關於檢查用戶是否滾動到頁面底部的答案，但我不認爲這對我有特別的幫助。

Answer 1

如果window.height < document.height那麼用戶可以垂直滾動。因此，根據您的要求，您需要在窗口的resize事件中檢查這些屬性，並在需要時顯示消息。類似這樣的：

$(window).resize(function() { 
    $('#scrollWarningElement').toggle($(this).height() < $(document).height()); 
}).resize(); // call on load too