PageScrollのJquery＆CSS Showメニュー

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