Javascript 如何一次只显示两个div？

你能告诉我如何一次显示两个分区吗？ 事实上，我做了一个演示，我滚动到顶部，创建一个div并预编到主div。但我只希望一次显示两个div。现在，每当用户转到顶部时，它都会创建新div。我希望用户删除div下面的div

Example on starting : it show On div id="page_5"
when user scroll up it create  div id="page_4" .It is fine
But when user scroll again it create  div id="page_3" but that time I need user delete that div id="page_5" from below.again user go up it remove div id="page_4".


if user come down it remove upper div and show below div .remove remove div id="page_1" or remove div id="page_2" and show div id="page_5" or div id="page_4"

var pages=[第1页、第2页、第3页、第4页、第5页]；
var totalPage=“page”+pages.length；
$（“+pages.pop（）+”）.prependTo（$（“#fullContainer”）；
$（“#fullContainer”）。滚动（函数（）{
//顶
if（$（this.scrollTop（）==0&&pages.length）{
控制台。登录（“up”）；
var stringLoad=“page_u1;”+pages.length；
$（“+pages.pop（）+”）.prependTo（$（“#fullContainer”）；
}
if（$（this）.scrollTop（）>=$（this）[0].scrollHeight-document.body.offsetHeight）{
控制台。登录（“关闭”）；
}
});

试试看

$（“#fullContainer”）。滚动（函数（）{
//顶
if（$（this.scrollTop（）==0&&pages.length）{
控制台。登录（“up”）；
var stringLoad=“page_u1;”+pages.length；
$（“+pages.pop（）+”）.prependTo（$（“#fullContainer”）；
//删除第二个索引处的元素
$（'#fullContainer'）.children（）.slice（2.remove（））
}
if（$（this）.scrollTop（）>=$（this）[0].scrollHeight-document.body.offsetHeight）{
控制台。登录（“关闭”）；
}
});

---

演示：

你能证明fiddle.当用户向下滚动时会发生什么吗这是正确的答案当用户向下滚动时会发生什么你可以只使用类：

var pages = [page_1, page_2, page_3, page_4,page_5];
 var totalPage = "page_" + pages.length;
$("<div id='" + totalPage + "'>" + pages.pop() + "</div>").prependTo($("#fullContainer"));


    $("#fullContainer").scroll(function () {
        // top
        if ($(this).scrollTop() === 0 && pages.length) {
            console.log("up");
            var stringLoad = "page_" + pages.length;
            $("<div id='" + stringLoad + "'>" + pages.pop() + "</div>").prependTo($("#fullContainer"));
        }
        if ($(this).scrollTop() >= $(this)[0].scrollHeight - document.body.offsetHeight) {
            console.log("down");
        }
    });

$("#fullContainer").scroll(function () {
    // top
    if ($(this).scrollTop() === 0 && pages.length) {
        console.log("up");
        var stringLoad = "page_" + pages.length;
        $("<div id='" + stringLoad + "'>" + pages.pop() + "</div>").prependTo($("#fullContainer"));

        //remove element at 2nd index
        $('#fullContainer').children().slice(2).remove()
    }
    if ($(this).scrollTop() >= $(this)[0].scrollHeight - document.body.offsetHeight) {
        console.log("down");
    }
});