使用某些元素后滾動功能不起作用

Question

我使用滾動功能時，無論何時我使用普通文本，它都能完美地工作，但是每當我使用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);
        }
    }
}

Answer 1

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

可以幫你..