Jquery滾動頂部元素不移動

在頁面的實際實現中，鏈接隨頁面一起移動，但在頁面中未顯示（可見）。當我點擊瀏覽器中的CSS時，元素會出現在滾動位置。Jquery滾動頂部元素不移動

 //elemet to appear when scrolling 
     <a href="#" class="scrollup">Scroll</a> 

    $(document).ready(function(){ 

     $(window).scroll(function(){ 
      if ($(this).scrollTop() > 100) { 
       $('.scrollup').fadeIn(); 
      } else { 
       $('.scrollup').fadeOut(); 
      } 
     }); 

     $('.scrollup').click(function(){ 
      $("html, body").animate({ scrollTop: 0 }, 600); 
      return false; 
     }); 

    }); 

    //css for the element 
     .scrollup{ 
        width:40px; 
        height:40px; 
        opacity:0.3; 
        position:fixed; 
        bottom:50px; 
        right:100px; 
          display:none; 
      }

鉻不工作。在Firefox中工作。

來源

2013-03-26 user1979149

我創建了一個測試頁面，並試圖與Chrome25，IE9和Firefox19。它在所有三個方面運行良好。我可以建議的唯一方法是從樣式中移除'display：none;'，而最初通過調用'.hide（）'來隱藏元素。 – 2013-03-26 03:44:33

試圖在Chrome中不工作 – user1979149 2013-03-26 03:45:29

嘗試：

$('.scrollup').click(function(){ 
    $('html, body').animate({ scrollTop: $('body').offset().top }, 'slow');          return false; 
});

或者

$('.scrollup').click(function(){ 
    $('body').scrollTop($('body') 
});

來源

2013-03-26 04:08:03

這是你想要的東西

$(window).scroll(function() { 
    if ($(this).scrollTop()) { 
     $('.scrollup').fadeIn(); 
    } else { 
     $('.scrollup').fadeOut(); 
    } 
}); 

$(".scrollup").click(function() { 
    //1 second of animation time 
    //html works for FFX but not Chrome 
    //body works for Chrome but not FFX 
    //This strange selector seems to work universally 
    $("html, body").animate({scrollTop: 0}, 1000); 
});

HTML

<a href="#" class="scrollup">Scroll</a>

CSS

.scrollup{ 
    padding: 5px 3px; 
    background: #000; 
    color: #fff; 
    position: fixed; 
    bottom: 0; 
    right: 5px; 
    display: none; 
      }

工作demo

希望這有助於你

來源

2013-03-26 08:04:44 jhunlio

Jquery滾動頂部元素不移動

回答

相關問題