我很好奇,如果使用Javascript和jQuery库,如果我能够模仿Facebook或Twitter之类的东西,当滚动条到达某个点时,div的高度被扩大,更多显示数据。我对JQuery库非常陌生,我注意到有一个“可调整大小”的功能。我知道CSS我可以使用overflow: auto;
,但我只想看起来更好一些。如果除了JavaScript以外还有其他选项,我很好奇哪种解决方案是最好的。JQuery根据内容调整div的大小
2
A
回答
2
你不需要一个无限的滚动插件。使用jQuery,你可以简单地做:
2
div的大小不是通过javascript扩展的。 当您到达页面底部时,新内容会自动加载并插入到页面中,这就是扩展的原因。
http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/
0
Facebook的使用AJAX来加载所以它并不需要“扩大”这样的内容。
如果你想“效仿”,它可以做到这一点使用scrollTop的()函数:http://api.jquery.com/scrollTop/
例如
var topPos = $(window).scrollTop();
if (topPos < x) {
// Do stuff i.e. "expand the div"
}
0
是的。如果你的意思是它通常被称为infinitescroll:http://www.infinite-scroll.com/
这就是我用来模拟装载的东西。如果您使用的轨道,它有助于还为您分页的will_paginate gem是(infinitescroll隐藏这一点,但使用生成的链接来获取数据)
0
0
您可能正在寻找:
无限滚动 http://www.infinite-scroll.com/ 的jQuery和WordPress的插件
jQuery插件: http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/ 目前:版本1.5.110106
WordPress的插件: http://www.infinite-scroll.com/installation/
相关问题
- 1. 根据内容调整textField的大小
- 2. 根据内容调整uiscrollview的大小
- 3. 根据内容调整UIView的大小
- 4. 根据孩子内部的内容调整容器DIV大小DIV
- 5. 内容div没有根据需要调整大小
- 6. 根据其子div调整div大小
- 7. iPhone中的UiWebview根据内容大小调整大小
- 8. 根据其内容的div大小
- 9. 调整div的大小内容在该div jquery
- 10. 根据div中有多少个对象调整div的内容大小
- 11. div没有调整内容大小
- 12. 根据父母调整大小Textarea Div
- 13. 根据内容大小动态调整div动态高度并调整其大小
- 14. Flex3:如何根据容器大小调整容器大小?
- 15. 根据它的内容垂直调整Jtable的大小
- 16. 页面高度根据div中内容的数量不能调整大小
- 17. 根据内容高度自动调整iframe的大小
- 18. 根据内容字体大小动态调整UIWebView的尺寸
- 19. 如何根据其内容调整NSTextView的大小?
- 20. Disqus的iframe如何根据其内容调整其大小?
- 21. 如何根据其内容调整WebView的大小?
- 22. 根据子视图的内容大小调整滚动视图
- 23. 如何根据内容自动调整JFrame的大小
- 24. 如何根据其内容调整iframe的大小?
- 25. 根据UILabel内容调整UITableViewCell高度的大小
- 26. 调整内容大小调整饼图
- 27. Iframe调整大小调整内容
- 28. 如何根据内容动态调整大小?
- 29. JButton根据其文本内容调整大小
- 30. 根据JPanel图像内容调整JFrame大小?