gpt4 book ai didi

javascript - 基于滚动高度的淡入/淡出

转载 作者:行者123 更新时间:2023-11-30 17:47:49 31 4
gpt4 key购买 nike

scrollToTop 超过 1000px 时,我有以下内容应该使 .secondLogo 出现(通过淡入)

var secondLogo = $(".secondLogo");
$(window).scroll(function(){
//more then or equals to
if($(window).scrollTop() >= 1000 ){
secondLogo.fadeIn();

//less then 1000px from top
} else {
secondLogo.fadeOut();

}
});

HTML

<div class="secondLogo">
<img src="images/smm_logo_large.png" alt="Student Makers Market logo"/>
</div>

CSS

.secondLogo{
opacity:0;
position:fixed;
z-index:-10;
top: 15%;
left: 3%;
opacity:0.1;
filter:alpha(opacity=10); /* For IE8 and earlier */
}

最佳答案

$.fn.fadeIn$.fn.fadeOut 不操作 css 属性 opacity。改为使用 display:none 初始化您的元素

.secondLogo {
display: none;
position: fixed;
z-index: -10;
top: 15%;
left: 3%;
}

关于javascript - 基于滚动高度的淡入/淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19759435/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com