Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery根据内容调整div大小_Javascript_Jquery_Css_Jquery Ui - Fatal编程技术网

Javascript JQuery根据内容调整div大小

Javascript JQuery根据内容调整div大小,javascript,jquery,css,jquery-ui,Javascript,Jquery,Css,Jquery Ui,我很好奇,如果使用Javascript和jQuery库,我是否能够模拟Facebook或Twitter这样的东西,当滚动条到达某个点时,div的高度会被扩展,并显示更多数据。我对JQuery库非常陌生,我注意到有一个“可调整大小”的函数。我知道CSS可以使用overflow:auto

我很好奇,如果使用Javascript和jQuery库,我是否能够模拟Facebook或Twitter这样的东西,当滚动条到达某个点时,div的高度会被扩展,并显示更多数据。我对JQuery库非常陌生,我注意到有一个“可调整大小”的函数。我知道CSS可以使用
overflow:autodiv的大小不是通过javascript扩展的。
当您到达页面底部时,新内容会自动加载并插入到页面中,这就是它展开的原因


Facebook使用AJAX加载内容,因此不需要“扩展”

如果要“模拟”它,可以使用scrollTop()函数:

e、 g

var-topPos=$(窗口).scrollTop();
if(topPos
是的。如果你的意思是它通常被称为无限滚动:


这就是我用来模拟加载的东西。如果您使用的是rails,那么为您的分页设置will_paginate gem也会有所帮助(infinitescroll会隐藏这一点,但会使用生成的链接获取数据)

您所说的效果称为无限滚动模式,并在facebook上广受欢迎,您可以找到有关其实现和应用的详细信息。您还可以通过谷歌搜索
jquery无限滚动
来查找更多插件和该模式的实现。

您可能正在寻找:

无限卷轴 jQuery和Wordpress插件

jQuery插件: 当前版本:1.5.110106

Wordpress插件:


您不需要无限滚动插件。使用jQuery,您只需

$(window).scroll(function () { 
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 100) {
      //Add something at the end of the page
   }
});
$(window).scroll(function () { 
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 100) {
      //Add something at the end of the page
   }
});