我如何在导航栏中创建一个最初不可见的搜索栏,当我向下滚动时它会出现(如果可能,我想决定滚动后它出现的时间)
发布于 2018-06-10 10:35:35
如果您创建了包含搜索栏的引导导航,则为搜索栏指定一个类名(在我的示例中我选择了.searchbar ),然后添加此javscript和css。
<script>
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 500) {
$(".searchbar").addClass("visible");
} else {
$(".searchbar").removeClass("visible");
}
});
</script>
.searchbar {
opacity: 0;
}
.visible {
opacity: 1;
}
这将使搜索栏最初不可见,然后向下滚动(500px)后,它将添加类.visible,使搜索栏可见。然后,如果你从顶部滚动回到500px以上,它将删除.visible类,搜索栏将再次不可见。
https://stackoverflow.com/questions/50778071
复制相似问题