使用scrolldown增加DIV高度限制

问题描述：

在垂直堆叠节的页面中，其中一个节包含jquery手风琴。使用scrolldown增加DIV高度限制

example

第一手风琴UL（绿色在图片）是$(window).height()-ConstantPixels，使得手风琴将可用的高度的100％。（红色框表示浏览器窗口）。这意味着有时它的一部分将隐藏。

所以我试图完成的是开始增加绿色UL的高度滚动下来，直到所有的绿色内容是可见的。有什么建议么？谢谢

为什么你需要这样做？为什么不让绿框取默认内容的高度，而不是将高度设置为窗高 - 像素？ – mkhatib 2013-05-03 07:50:15

同意。唯一的原因是因为他们要求我这样做 - 如果可能的话。 – user2345746 2013-05-03 07:58:20

这是可能的，虽然你可能想推回去告诉他们这是不需要的，或者只是明白他们为什么需要它。无论如何，检查我的答案下面可能会指出你正确的方向。 – mkhatib 2013-05-03 08:07:10

答

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

您可以侦听浏览器的滚动事件，并为该特定div动态设置高度。就像这样：

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

就是这样的。那是你在找什么？

答

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

非常感谢，但我还不太明白。你能否解释第1行？（我怀疑有一个错字？） – user2345746 2013-05-03 09:14:39

没有错别字。它只是变量声明... no = 1意味着当向下滚动时它只增加一次div的高度.... – 2013-05-03 12:19:52

使用scrolldown增加DIV高度限制

相关推荐