时间戳

首页 > 解决方案 > 滚动下一个孩子，当前孩子淡出

jquery - 滚动下一个孩子，当前孩子淡出

问题描述

我正在尝试淡出当前子 div，并且在鼠标滚动时出现下一个子 div。

HTML

<div class="parent">
<div class="children">1</div>
<div class="children">2</div>
<div class="children">3</div>
<div class="children">4</div>
</div>

css

.children {position: sticky; top: 0;}

我这样做是为了在滚动时，孩子 1 粘在顶部并与 2 重叠。

jQuery

$('.parent').scroll(function() {
    $(this).children(':first-child').fadeOut();
    $(this).next().children().show();
});

谁能帮我解决这个问题。

标签： jquerycss

解决方案

推荐阅读