通过向下滚动增加DIV高度到极限

时间:2013-05-03 07:39:00

标签: jquery

在具有垂直堆叠部分的页面中,其中一个部分包含一个jquery手风琴。

example

第一支手风琴UL(绿色图片)为$(window).height()-ConstantPixels,因此手风琴占据了可用高度的100%。 (红色框表示浏览器窗口)。 这意味着有时它的一部分将被隐藏。

所以我想要完成的是在向下滚动时开始增加绿色UL的高度,直到所有绿色内容都可见。有什么建议? 谢谢

2 个答案:

答案 0 :(得分:2)

如果你分享一些代码我可能会帮助更好,但这是一般的想法。

您可以收听浏览器的滚动事件,并为该特定div动态设置高度。像这样:

$(document).scroll(function(e){
    var currentHeight = $('#greendiv').height();
    $('#greendiv').height(currentHeight + $(document).scrollTop());
});

这样的事情。这就是你要找的东西吗?

答案 1 :(得分:0)

var no=1,new= $('#div').height();
$(window).scroll(function () {
    if(no==1)
    {
        if ($(window).height() + $(window).scrollTop() == $(document).height()) {
            no=2;
            $.ajax({
                type: "POST",
                url: "request.php",
                data: datas,
                cache: false,
                success: function(html){
                   $('#div').height($(document).height()+new);
                }
            });
        }
    }
});