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

Jquery＆amp;页面滚动上的CSS显示菜单

1 个答案: