如何使用jQuery来判断用户是否可以滚动

How to use jQuery to tell if the user can scroll or not?

本文关键字:是否 滚动 用户 判断 何使用 jQuery      更新时间:2023-09-26

我有一个简单的测验应用程序,它显示一个问题和4个选择题答案。

有时问题和答案的文本不能放在一个页面上,用户必须向下滚动才能查看。如果是这种情况,我想在屏幕的顶部为用户显示一条消息,以表明有更多的选项进一步向下。

但是,如果所有的答案都在屏幕上,我不希望显示此警告。

我不是jQuery/javascript专家。据我所见,有很多答案可以用来检查用户是否滚动到页面底部,但我不认为这对我有特别的帮助。

如果window.height <document.height则用户可以垂直滚动。因此,根据您的需求,您需要检查窗口的resize事件上的这些属性,并在需要时显示消息。像这样:>

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