Question

在我的第一页中，我有一个启动序列，我使用了typist.js插件。但是我的线条在填满页面之后正在扩展，但问题是滚动条站在它的顶部，而不是遵循序列。为此，我尝试添加：

.on('type.typist', function() {
    window.scrollTo(0, $(document).height());
});

底部代码的热门代码。但即使这些线条没有显示在页面上，它也无法正常工作。

jQuery(function($) {
    $('.typist').typist({ speed: 150 })
                .typistPause(1)
                .typistAdd('[!]:./action.SYSTEM.BOOT\n')
                .typistPause(1)
                .typistAdd('\n')
                .typistPause(1)
                .typistAdd('[!]:./initiating.DEBUG.MODE\n')
});

那么解决方案是什么？谢谢你的帮助。

这是我的上一次更新：http://jsfiddle.net/kodbilenadam/eb48gybv/

Answer 1

查看源代码以及printPhrase()函数中typist "Dialog" demo如何执行此操作。添加新对话框后，系统会调用jQuery animate()来移动文档的body元素：

$('body').animate({
    scrollTop: $(document).height()
}, 'slow');

typist.js同时扩展页面滚动底部的行

1 个答案: