如何使用jQuery来判断用户是否可以滚动
How to use jQuery to tell if the user can scroll or not?
我有一个简单的测验应用程序,它显示一个问题和4个选择题答案。
有时问题和答案的文本不能放在一个页面上,用户必须向下滚动才能查看。如果是这种情况,我想在屏幕的顶部为用户显示一条消息,以表明有更多的选项进一步向下。
但是,如果所有的答案都在屏幕上,我不希望显示此警告。
我不是jQuery/javascript
专家。据我所见,有很多答案可以用来检查用户是否滚动到页面底部,但我不认为这对我有特别的帮助。
如果window.height
<document.height
则用户可以垂直滚动。因此,根据您的需求,您需要检查窗口的resize
事件上的这些属性,并在需要时显示消息。像这样:>
$(window).resize(function() {
$('#scrollWarningElement').toggle($(this).height() < $(document).height());
}).resize(); // call on load too
相关文章:
- 如何知道元素在屏幕上是否可见.如果没有,请滚动页面
- javascript跨浏览器确定用户是否滚动到页面底部
- javascript移动交叉浏览器确定用户是否滚动到页面底部
- 如何检测滚动事件是否像在触摸设备上一样只触发一次
- 如何查明鼠标按下事件是否发生在滚动条上或元素中的其他任何位置
- CSS3:当页面向下滚动到第一个视口时,是否可以在元素上触发转换
- 是否可以使用flexbox显示模型设置元素的滚动位置
- 如何发现用户是否使用jQuery滚动到HTML容器的末尾
- 如何检测用户是否移动了滚动条
- 确定代码镜像是否滚动到底部
- 如何判断某个内容是否滚动到视图中
- 如何使用JQuery来检测用户是否滚动到页面底部
- 如何检查元素是否滚动
- 如何检测浏览器窗口是否滚动到底部
- 如何检测用户是否滚动了一定距离
- scrollTop检查用户是否滚动到某个元素
- 检查Bootstrap选项卡内容是否滚动到末尾
- 如何使用jQuery检查DIV是否滚动到底部
- 检测是否滚动到底部
- Jquery:检查窗口是否滚动过一次并执行一些操作