fixed endlessscroll
This commit is contained in:
parent
06e41006a2
commit
beb738f657
@ -13,27 +13,22 @@
|
|||||||
</ul>
|
</ul>
|
||||||
<script src="./s/jquery-3.1.0.min.js"></script>
|
<script src="./s/jquery-3.1.0.min.js"></script>
|
||||||
<script>
|
<script>
|
||||||
var scrollListener = () => {
|
var load = false;
|
||||||
$(window).one("scroll", () => {
|
$(function() {
|
||||||
if($(window).scrollTop() + 256 >= $(document).height() - $(window).height()) {
|
$(window).scroll(() => {
|
||||||
$.ajax({
|
if($(window).scrollTop() + $(window).height() == $(document).height() && !load) {
|
||||||
url: './api/p/'+$('#posts').data('last'),
|
load = true;
|
||||||
dataType: 'json',
|
$.getJSON('./api/p/'+$('#posts').data('last'), (msg) => {
|
||||||
success: (msg) => {
|
var html = "";
|
||||||
var html = "";
|
for(var i = 0; i < msg.items.length; i++)
|
||||||
for(var i = 0; i < msg.items.length; i++)
|
if(msg.items[i].id)
|
||||||
if(msg.items[i].id)
|
html += "<li class=\"post\"><a href=\"//f0ck.me/"+msg.items[i].id+"\" title=\""+msg.items[i].mime+"\"><img class=\"thumb\" src=\"//f0ck.me/t/"+msg.items[i].id+".png\" /></a></li>\n";
|
||||||
html += "<li class=\"post\"><a href=\"//f0ck.me/"+msg.items[i].id+"\" title=\""+msg.items[i].mime+"\"><img class=\"thumb\" src=\"//f0ck.me/t/"+msg.items[i].id+".png\" /></a></li>\n";
|
$('#posts').append(html);
|
||||||
$('#posts').append(html);
|
$('#posts').data('last', msg.last);
|
||||||
$('#posts').data('last', msg.last);
|
load = false;
|
||||||
}
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
setTimeout(scrollListener, 200);
|
|
||||||
});
|
});
|
||||||
};
|
|
||||||
$(document).ready(() => {
|
|
||||||
scrollListener();
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
@ -21,7 +21,8 @@ ul#posts {
|
|||||||
display: flex;
|
display: flex;
|
||||||
-webkit-flex-flow: row wrap;
|
-webkit-flex-flow: row wrap;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
justify-content: space-between;
|
justify-content: flex-start;
|
||||||
|
-webkit-justify-content: flex-start;
|
||||||
}
|
}
|
||||||
li.post {
|
li.post {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
@ -30,6 +31,7 @@ li.post {
|
|||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
line-height: 128px;
|
line-height: 128px;
|
||||||
-webkit-flex: 1 1 auto;
|
-webkit-flex: 1 1 auto;
|
||||||
|
ms-flex: 1 1 auto;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
.thumb {
|
.thumb {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user