顯示隱藏對象的JQuery .scroll（）事件不起作用

Question

我使用.scroll（）爲了使圖像#mag在我滾動過某個點時可見。

  $(window).scroll(function() { 
       var y_scroll_pos = window.pageYOffset; 
       var scroll_pos_test = 1000;    

       if(y_scroll_pos > scroll_pos_test) { 
        $("#mag").css("visibility","visible"); 
       } 
      }); 

---

 <img id= "mag" src="assets/maginatransparent.png" style = "visibility: hidden; position: fixed; height: 40vh; bottom: 30vh; right: 0"> 

當我運行這個，我沒有錯誤，但該事件似乎並沒有被觸發，甚至當我滾過1000像素。

的jsfiddle鏈接：https://jsfiddle.net/k04qck9h/ 注意這個使用span而不是img.

Answer 1

您需要使用$(window).scrollTop();

$(window).scroll(function() { 
     var y_scroll_pos = $(window).scrollTop(); 
     var scroll_pos_test = 1000;    

     if(y_scroll_pos > scroll_pos_test) { 
      $("#mag").css("visibility","visible"); 
     }else{ 
      $("#mag").css("visibility","hidden"); 
     } 
    }); 

DEMO

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.