Javascript JQuery根据内容调整div大小
我很好奇,如果使用Javascript和jQuery库,我是否能够模拟Facebook或Twitter这样的东西,当滚动条到达某个点时,div的高度会被扩展,并显示更多数据。我对JQuery库非常陌生,我注意到有一个“可调整大小”的函数。我知道CSS可以使用Javascript JQuery根据内容调整div大小,javascript,jquery,css,jquery-ui,Javascript,Jquery,Css,Jquery Ui,我很好奇,如果使用Javascript和jQuery库,我是否能够模拟Facebook或Twitter这样的东西,当滚动条到达某个点时,div的高度会被扩展,并显示更多数据。我对JQuery库非常陌生,我注意到有一个“可调整大小”的函数。我知道CSS可以使用overflow:auto
overflow:auto但是我只想要看起来更好一点的东西。如果除了javascript还有其他选项,我很好奇哪个解决方案是最好的。div的大小不是通过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
}
});