javascript - 如何使用 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