Javascript 在经过另一个div后使一个div消失_Javascript_Html

Javascript 在经过另一个div后使一个div消失

javascript html

Javascript 在经过另一个div后使一个div消失,javascript,html,Javascript,Html,我有一个小版本的我想做的事情： HTML <body> <div class="container-empty"></div> <ul> <div id="divfix"><li id="lifix">Text 1 FIXED</li></div> <div id="divfix2"><li id="lifix2">Text 2 FIXED</li></div

我有一个小版本的我想做的事情：

HTML

<body>
<div class="container-empty"></div>
<ul>
<div id="divfix"><li id="lifix">Text 1 FIXED</li></div>
<div id="divfix2"><li id="lifix2">Text 2 FIXED</li></div>
<div id="divfix3"><li id="lifix3">Text 3 FIXED</li></div>
</ul>
<div class="container-footer"></div>
</body>



文本1已修复
文本2已修复
文本3已修复

JAVASCRIPT

var toppag=$("#lifix,#lifix2,#lifix3");
var pag=$("#divfix,#divfix2,#divfix3");

toppag.css({position:"relative"});


$(window).scroll(function () {
var scroll=$(this).scrollTop();
pag.each(function(i,n){
    if(scroll < $(this).offset().top) {
        toppag.eq(i).css({'position':'relative'});
    }
    if(scroll > ($(this).offset().top + toppag.eq(i).height()))  {
        toppag.eq(i).css({'position':'fixed',"top":"0"});
    }
}); 
});

var-toppag=$（“#lifix，#lifix 2，#lifix 3”）；
var pag=$（“#divfix，#divfix2，#divfix3”）；
css（{position:“relative”}）；
$（窗口）。滚动（函数（）{
var scroll=$（this.scrollTop（）；
各页（功能（i，n）{
如果（滚动<$（此）.offset（）.top）{
css（{'position'：'relative'}）；
}
如果（滚动>（$（this.offset（）.top+toppag.eq（i）.height（））{
css（{'position'：'fixed'，'top:'0}）；
}
}); 
});

此处运行的完整代码：

我想要的是，当达到“文本2固定”时，使“文本1固定”消失，依此类推。我还想让它们在到达页脚时全部消失。

你的html无效，你需要交换li和div，我不这么认为。我做了，但它没有发挥我喜欢的作用。请将您的评论发送给我。不，我的评论只是对您的代码的一般观察-它不会解决您的问题，但会解决您的HTMLDIV不允许包含列表项。看，这不是我的问题。把问题再读一遍。