Question

我正在简单地检查页面滚动多少以在页面上放置一个元素/隐藏它。对于向下滚动一切工作正常，但是回去它什么都不做。还要记住第一个页面上的容器是100vh，所以我把它作为参考whan来显示/隐藏。我的代码如下： 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语句而不是else if.I也尝试使用if / else，但它也可以工作。

Answer 1

你的代码如果正常工作，实际上声明会在else if中。我不确定你确切的问题是什么，并且正在寻求帮助。

滚动向上获取元素的滚动位置

1 个答案: