獲取滾動元素的滾動位置whan滾動

我正在做簡單的檢查頁面滾動多少以在頁面上放置一個元素/隱藏它。對於向下滾動一切正常，但whan回去它什麼都不做。也有注意，頁面上的第一個容器是100vh，所以我把它作爲參考煥顯示/ hide.my代碼如下： HTML：獲取滾動元素的滾動位置whan滾動

<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; 
     } 
    });

再一次，從頂部到.testimonials的距離是100vh。代碼首先執行if語句，但不執行其他語句if.I也嘗試了if/else語句，但它的工作原理也是如此。

來源

2017-10-08 stelarossa

不知道你要做什麼，但如果你真的想顯示和隱藏那不是不透明的，再次告訴你是否不是你的意圖。 –

我知道這一點，將與縮放或顯示，它只是它進入第二個循環... – stelarossa

你的代碼是否正常工作，事實上該語句是在else中。我不確定你在尋求什麼幫助。

來源

2017-10-08 08:45:27

我試過在歌劇箭頭不會隱藏自己... – stelarossa

獲取滾動元素的滾動位置whan滾動

回答

相關問題