2017-05-05 8 views
0

たぶん誰かがTypeIt jQueryプラグインを知っている:https://macarthur.me/typeitオートスクロールTypeIt jQueryプラグイン

それは基本的にタイピングマシンの効果を生成する(#elementという名前)のdivをアニメーション化。

このオプションは含まれていませんが、divの高さを超えるテキストがブラウザ外ではなく表示されたままになるように、#element 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。

提案がありますか?

答えて

0

この投稿は、問題を解決:https://stackoverflow.com/a/7303977/5523861

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

Vibhuに感​​謝を。

関連する問題