我想为移动网站实现无限滚动。我想为此找到一个使用 JS、PHP 和 Ajax 的插件。
此外,它应该显示更多的滚动,如谷歌图片搜索中的滚动。
提前致谢!!
我想为移动网站实现无限滚动。我想为此找到一个使用 JS、PHP 和 Ajax 的插件。
此外,它应该显示更多的滚动,如谷歌图片搜索中的滚动。
提前致谢!!
得到一个代码:
<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
情况......如何做到这一点javaScript
?
$(window).scrollTop() == $(document).height() - $(window).height()