自动滚动TypeIt jQuery插件

时间:2017-05-05 11:50:25

标签: jquery autoscroll

也许有人知道TypeIt jQuery插件:https://macarthur.me/typeit

它基本上为div(名为#element)设置动画以产生打字机器效果。

这个选项不包括在内,但是要显示多行文本,最好在#element div上自动滚动,以便超过div高度的文本保持可见而不是在浏览器外消失。

这是div:

#element {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  padding: 20px;
  overflow: auto;
}

jQuery效果可能是这样的:https://stackoverflow.com/a/24772646/5523861

$(document).ready(function(){
  $('#element').animate({
  scrollTop: $('#element').get(0).scrollHeight}, 2000);
});

但每次在div的底部显示新的文本行时,会逐行自动滚动。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

这篇文章解决了这个问题:this thread

window.setInterval(function() {
  var elem = document.getElementById('element');
  elem.scrollTop = elem.scrollHeight;
}, 5000);

非常感谢Vibhu。