如果視口太小，jQuery自動垂直滾動

Question

我製作了一個基於HTML的信息屏幕，它以全屏顯示。我使用多個jQuery腳本來爲屏幕設置動畫效果，例如我循環顯示一個在屏幕上逐一顯示的<article>標籤列表。問題是這些「文章」中的一些對於屏幕來說太長。因此，理想情況下，我希望檢測這些文章的時間太長（如果垂直滾動條變得可見，則可能是最好的觸發器），並且我希望文本在指定的時間段內自動向下滾動。

我見過幾個滾動和幻燈片插件，顯示一些功能，但不是全部。你知道一個（jQuery）插件，我可以輕鬆實現我想要的嗎？

Answer 1

要檢測滾動條何時可以用jQuery顯示，您可以使用以下代碼片段：var hasVerticalScrollbar = element.scrollHeight>element.clientHeight;根據滾動條是否可見，它將返回true或false。

然後，您可以使用setTimeout()來檢查變量的結果，如果它的值爲true，那麼使用jQuery的.scrollTop()函數向下滾動。