我正在简单地检查页面滚动了多少以将元素放置在页面上/将其隐藏。对于向下滚动,一切正常,但是回头一无是处。另外请记住,页面上的第一个容器是100vh,所以我以它为参考来显示/隐藏。我的代码如下:
HTML:
<div id="toTop"><a href="#">⇑</a></div>
CSS:
#toTop {
position: fixed;
right: 25px;
bottom: 25px;
}
#toTop a {
display: block;
width: 25px;
height: 50px;
font-size: 50px;
color: #31ddb7;
opacity: 0;
}
jQuery的:
var windowHeight = $(".testimonials").offset().top,
lessHeight = windowHeight + 40;
$(window).on('scroll',function(){
var arrowScroll = $(window).scrollTop();
if(arrowScroll >= windowHeight) {
$("#toTop a").css("opacity", "1");
}else if (arrowScroll <= lessHeight) {
$("#toTop a").css("opacity", "0");
console.log(windowHeight);
}else {
return false;
}
});
再一次,从顶部到推荐书的距离是100vh。
代码首先放在if语句上,而不放在其他if上。
最佳答案
您的代码是否正常运行,实际上该语句是否包含在else if中。我不确定您要寻求帮助的确切问题是什么。