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

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);

可以帮到你..

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

Scroll function doesnt work after using some elements

javascript

scroll