gpt4 book ai didi

javascript - 无限滚动 Jquery

转载 作者:行者123 更新时间:2023-11-30 05:51:32 25 4
gpt4 key购买 nike

<分区>

我找到了这些 demos使用 Jquery 进行无限滚动,但我不知道如何使用它们,因为没有提供它们的源代码。如果有人喜欢他们,请解决这个问题好吗?

我为演示 5 尝试了这段代码,但没有成功。

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
 <script type="text/javascript">
$(document).ready(function(){
function lastAddedLiveFunc()
{
$('div#lastPostsLoader').html('<img src="bigLoader.gif">');

$.get("loadmore.php", function(data){
if (data != "") {
//console.log('add data..');
$(".items").append(data);
}
$('div#lastPostsLoader').empty();
});
};

//lastAddedLiveFunc();
$(window).scroll(function(){

var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height();
var scrolltrigger = 0.95;

if ((wintop/(docheight-winheight)) > scrolltrigger) {
//console.log('scroll bottom');
lastAddedLiveFunc();
}
});
});
</script>
</head>
<body>
<ul class="items">
<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>

<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>
</ul>

<div id="lastPostsLoader"></div>
</body>
</html>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com