頁面上的Jquery＆CSS顯示菜單滾動

Question

我一直在尋找一個腳本，它允許當用戶向下滾動頁面時顯示菜單，當用戶滾動回頂部時，菜單消失。我沒有找到任何運氣。我嘗試過粘滯標題，但這不是我要找的效果。

對不起，如果這種類型的問題是不允許的。

Answer 1

以前我用過類似下面的東西，你應該可以根據你的需要修改它。它最初就像「回滾到太按鈕」，但隱藏和顯示元素的功能取決於您滾動的內容應該相同。

// Create the link and add it to the DOM 
$('<a href="#" class="scrolltop"></a>').hide().appendTo($('body')); 

jQuery.fn.topLink = function(settings) { 

    settings = jQuery.extend({ 
         min: 1, 
         fadeSpeed: 200, 
         ieOffset: 50 
         }, settings); 

    return this.each(function() { 
     //listen for scroll 
     var el = $(this); 
     $(window).scroll(function() { 
      if($(window).scrollTop() >= settings.min){ 
       el.fadeIn(settings.fadeSpeed); 
      }else{ 
       el.fadeOut(settings.fadeSpeed); 
      } 
     }); 
    }); 

}; 


// To top scroll 
$('.scrolltop').topLink({ 
    min: 100, 
    fadeSpeed: 500 
}); 

/*CSS*/ 
a.scrolltop { 
display: block; 
z-index: 999; 
position: fixed; 
bottom: 20%; 
right: 0; 
width: 47px; 
height: 47px; 
background-color: black; 
padding: 0 auto; 
}