Question

我有我想要做的小版本：

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>

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

此处运行的完整代码：https://jsfiddle.net/Kigris/4cb0ygun/2/

我想要的是消失＆＃34; Text 1 FIXED＆＃34;当它到达＆＃34;文本2固定＆＃34;等等。此外，我想让它们在到达页脚时全部消失。

通过另一个后，让div消失

0 个答案: