我制作了一个全屏显示的基于 HTML 的信息屏幕。我使用几个 jQuery 脚本来为屏幕设置动画,例如,我在一个标签列表中循环,<article>
这些标签在屏幕上一一显示。问题是这些“文章”中的一些对于屏幕来说太长了。所以理想情况下,我想检测这些文章何时太长(最好的触发可能是垂直滚动条变得可见),并且在这种情况下,我希望文本在指定的时间段内自动向下滚动。
我见过几个滚动和幻灯片插件,它们显示了其中的一些功能,但不是全部。你知道一个(jQuery)插件我可以很容易地实现我想要的吗?
要使用 jQuery 检测滚动条何时可见,您可以使用此代码段:var hasVerticalScrollbar = element.scrollHeight>element.clientHeight;
它将根据滚动条是否可见返回 true 或 false。
然后,您可以使用setTimeout()
检查变量的结果,如果它的值为真,则使用 jQuery 的.scrollTop()
函数向下滚动。