自动滚动到其末尾后刷新div

时间:2019-05-19 18:07:41

标签: javascript jquery bootstrap-4

我的想法不多了,我有一个div(其中包括来自多个来源的一些RSS提要),可以随jQuery自动滑动。

autoscroll函数到达其末尾时,我基本上需要刷新该div。

从代码中可以看到,有一个容器(#outer,固定的)和一个内容(#inner,其以可变高度在容器内滑动),其中包括3个RSS源。

我尝试将外部div的高度与变量pos相加(在代码中向下),并制作一个IF来检查何时等于内部div的高度,并且触发警报只是为了尝试它是否起作用,但是不起作用。

类似

setInterval(
    function(){   
        var div = $('#inner');
        var houter = $('#outer').height();
        var hinner = $('#inner').height();
        var pos = div.scrollTop();
        div.scrollTop(pos + 1);   
        totheight = houter + pos;   
        if (totheight === hinner){
            alert ("end reached");
        }    
    }, 
    20
)

现在我的情况是这样:

<div id="outer">
    <div id="inner">
        <div id="divRss1"></div>
        <div id="divRss2"></div>
        <div id="divRss3"></div>
    </div>
</div>    

setInterval(function()
{
    var div = $('#inner');
    var pos = div.scrollTop();
    div.scrollTop(pos + 1);
}, 20)

基本上只是在底部移动。

0 个答案:

没有答案