javascript - 使用某些元素后滚动功能不起作用

我使用滚动功能在我每次使用普通文本时都可以完美地工作，但是每当我使用Text<br>Text<p>时，它都不会自动滚动，因为需要执行<p> or <br>使其与其他元素一起滚动一次。

有没有一种简单的方法可将其用于所有$('#scrollDiv')，而不是将其粘贴粘贴到每一行上方？
用法示例：

//This scrolls correct
$('#scrollDiv').append('Hello world!');
scrollDiv($('.scroll-text:eq(0)'));

//This wont work scrolling
$('#scrollDiv').append('Hello<br>world!');
scrollDiv($('.scroll-text:eq(0)'));

//This also wont work
$('#scrollDiv').append('<span style="font-size:100px;">Hello</span>');
scrollDiv($('.scroll-text:eq(0)'));



function scrollDiv($div, h){
    var scrollHeight = $div[0].scrollHeight;
    var scrollTop = $div[0].scrollTop;
    var height = $div[0].clientHeight;
    var h_invisible = scrollHeight - scrollTop - height;

    if(h){
        if(h>h_invisible){
            $div.scrollTop(1e5);
        }
    }else{
        if(15>h_invisible){
            $div.scrollTop(1e5);
        }
    }
}

最佳答案

scrollDiv($('.scroll-text:eq(0)'), 50);

可以帮你..