使用Javascript和Ajax的手機無限滾動
[英]Infinite scroll for mobile phone using Javascript and Ajax
問題描述
我想為移動網站實現無限滾動。 我想為此找到一個使用JS，PHP和Ajax的插件。
同樣，它應該顯示更多滾動內容，例如Google圖片搜索中的滾動內容。
提前致謝！！
3 個解決方案
解決方案1
3 2012-04-03 11:00:07
解決方案2
1 2012-04-06 09:27:06
得到一個代碼：
<html>
<body>
<div id="test">scroll to understand</div>
<div id="wrapper" style="height: 400px; overflow: auto;">
<div id="content"> </div>
</div>
<script language="JavaScript">
var more = '<div style="height: 1000px; background: #EEE;"></div>';
var wrapper = document.getElementById("wrapper");
var content = document.getElementById("content");
var test = document.getElementById("test");
content.innerHTML = more;
function addEvent(obj,ev,fn) {
if(obj.addEventListener) obj.addEventListener(ev,fn,false);
else if(obj.attachEvent) obj.attachEvent("on"+ev,fn);
}
function scroller() {
test.innerHTML = wrapper.scrollTop+"+"+wrapper.offsetHeight+"+100>"+content.offsetHeight;
if(wrapper.scrollTop+wrapper.offsetHeight+100>content.offsetHeight) content.innerHTML+= more;
}
addEvent(wrapper,"scroll",scroller);
</script>
</body>
</html>
但是，除了這個，我希望滾動發生在頁面末尾，因為這個jquery條件是this ..如何在javaScript做到這一點？
$(window).scrollTop() == $(document).height() - $(window).height()
解決方案3
1 2012-04-03 11:03:13
Ajax無限向下滾動分頁。 在ajax調用中使用異步時圖像未顯示
[英]Ajax infinite scroll down pagination . image not showing while using async in ajax call
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.