我正在简单地检查页面滚动了多少以将元素放置在页面上/将其隐藏。对于向下滚动,一切正常,但是回头一无是处。另外请记住,页面上的第一个容器是100vh,所以我以它为参考来显示/隐藏。我的代码如下:
HTML:

<div id="toTop"><a href="#">&uArr;</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中。我不确定您要寻求帮助的确切问题是什么。

10-06 04:38