Question

我想在延迟加载或拉动刷新时进行相同的演示。我不想使用iscroll。我想在用户访问div顶部时添加一些文本。该文本也会滚动到退出div如果整个文本现在再次滚动到内容的顶部，它将添加该内容的文本。我的问题是，当我添加文本时，它不会滚动现有的文本或数据，并且数据之间存在一些差距。

我们可以实现与延迟加载相同的东西。我不想在前面添加相同的div，因为我想删除该文本（当用户进入div底部时前置文本）。 http://jsfiddle.net/d9584/19/

$("#contend").scroll(function(){
    if($(this).scrollTop() === 0){
        alert("ss");
        $("#pre").prepend(" Distinguished service of a high degree to Australia or to humanity at largefjsldfj sdfsjdflsf sdfjsflsj sdflkjsdlfjsldfj sdfsjdflsf sdfjsflsj sdflkjsdlfjsldfj sdfsjdflsf ");
    }
});

$("#contend").scroll(function() {
    if ($('#contend').scrollTop() >= $('#contend')[0].scrollHeight - document.body.offsetHeight) { 
        $("#pre").html('');
    }
});

谢谢

Answer 1

问题仍然令人困惑，但就我所知，position:absolute;

怎么样

<强> JS

$("#contend").scroll(function () {
    if ($(this).scrollTop() === 0) {
        alert("ss");
        $("#pre").html($("#pre").html() + " Distinguished service of a high degree to Australia or to humanity at largefjsldfj sdfsjdflsf sdfjsflsj sdflkjsdlfjsldfj sdfsjdflsf sdfjsflsj sdflkjsdlfjsldfj sdfsjdflsf ");
        $(this).css('padding-top', $("#pre").height());
    }
});

$("#contend").scroll(function () {
    if ($('#contend').scrollTop() >= $('#contend')[0].scrollHeight - document.body.offsetHeight) {
        $("#pre").html('');
    }
});

CSS

#wrap {
    position:relative;
}
#contend {
    height:200px;
    background:#f00;
    overflow-y:scroll;
}
#pre {
    margin-bottom:20px;
    position:absolute;
    background:#black;
    overflow:quto;
}

HTML结构

<div id='wrap'>
    <div id="pre"></div>
    <div id="contend"> contents...</div>
</div>

更新fiddle

如何在滚动时添加div？

1 个答案: