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

可以帮助你..

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

1 个答案: