Question

我正在修改一个具有粘性页脚的网站#sticky-footer-wrap此div具有CSS属性position: fixed; bottom: 0;，因此它会挂在页面底部。

用户滚动到页面底部后，系统会显示完整尺寸，展开的页脚#exp-footer并隐藏#sticky-footer-wrap。

这是我目前正在使用的JS：

$(window).scroll(function() {   
    if($(window).scrollTop() + $(window).height() == $(document).height()) {
        $('#sticky-footer-wrap').hide();
        $('#exp-footer').show();
        var scrollY = $('body').scrollTop()?$('body').scrollTop():$('html').scrollTop();
        $('html, body').animate({
            scrollTop: scrollY + $('#exp-footer').outerHeight()
        }, 'medium');
    }
});

现在我被困在如何正确扭转这一点，即当用户向上滚动365px（#exp-footer的高度）时，我希望#exp-footer到hide()或{{1 }}和slideUp()再次显示。

我尝试了几种不同的方法，所有这些都是错误的 - 所以我认为我一直在以错误的方式解决这个问题。我的问题是，实现这一目标的最佳方法是什么？

小提琴：http://jsfiddle.net/zqPVP/

用户滚动时使用jQuery转换页脚

0 个答案: