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