0

我正在编辑一个具有粘性页脚的站点，#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()或显示。slideUp()#sticky-footer-wrap

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

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

4

0 回答 0