如果视口太小，jQuery自动垂直滚动

Question

我制作了一个基于HTML的信息屏幕，全屏显示。我使用几个jQuery脚本来为屏幕设置动画，例如我循环了一个<article>标签列表，这些标签在屏幕上逐个显示。问题是这些“文章”中的一些对于屏幕来说太长了。理想情况下，我想检测这些文章何时太长（如果垂直滚动条变得可见，最好的触发器可能就是这样）并且我希望文本在这种情况下在指定的时间段内自动向下滚动。

我见过几个滚动和幻灯片插件，它们显示了一些功能但并非全部。你知道一个（jQuery）插件，我可以很容易地实现我想要的吗？

Answer 1

要检测使用jQuery何时显示滚动条，您可以使用此代码段：var hasVerticalScrollbar = element.scrollHeight>element.clientHeight;它将返回true或false，具体取决于滚动条是否可见。

然后，您可以使用setTimeout()检查变量的结果，如果它的值为true，则使用jQuery的.scrollTop()函数向下滚动。