Question

当父级div到达浏览器底部时，我需要冻结页脚面板。

我试过的是当我滚动页面时让它冻结，但是当父父div到达浏览器的底部时我需要它。

例如，在我的演示中，有一个隐藏的内容面板。如果单击展开链接，您将看到展开的内容。

当此内容展开时，bottom_content div移到底部，我需要footer div在bottom_content被推下时立即停留在底部。

这是我目前使用的代码

var stickyHeaderbottom = $('.footer').offset().top;

    $(window).scroll(function () {
        if ($(window).scrollTop() > stickyHeaderbottom) {
            $('.footer').css({ position: 'fixed', bottom: '0px', width: '95%', left: '2.5%' });
        } else {
            $('.footer').css({ position: 'static', bottom: '0px', width: '100%' });

        }
    });

DEMO

Answer 1

**希望这是你想要实现的...... DEMO

$('.expandble_conetnt a').click(function(event){
        event.preventDefault();
        $(this).next('span').slideToggle();          
    }); 

//this is for stick to the bottom
var stickyHeaderbottom = $('.footer').offset().top;

    $(window).scroll(function () {
        if ($(window).scrollTop() > stickyHeaderbottom) {
            $('.footer').css({ position: 'fixed', bottom:0, width: '95%', left: '2.5%' });
        } else {
            $('.footer').css({ position: 'static', bottom: $('.expandble_conetnt').offset().top, width: '100%' });

        }
    });

将页脚粘贴到页面底部

1 个答案: