lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix feed scroll on mobile

Browse source
This commit is contained in:
cuom1999 2023-04-26 03:38:34 -05:00
parent 00f2ea2648
commit a7c555c853
4 changed files with 49 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

54
templates/feed/feed_js.html
View file

@ -1,6 +1,6 @@
<script>
window.page = {{page_obj.number}};
window.has_next_page = {{1 if page_obj.has_next() else 0}};
window.has_next_page = {{1 if has_next_page else 0}};
window.loading_page = false;
$(function() {
function getQueryParams() {
@ -14,30 +14,44 @@
return queryParams;
}
function loadNextPage() {
window.loading_page = true;
var params = {
"only_content": 1,
"page": window.page + 1,
};
params = Object.assign({}, getQueryParams(), params);
$.get("{{feed_content_url}}", params)
.done(function(data) {
$(".has_next").remove();
$(".middle-content").append(data);
window.loading_page = false;
window.has_next_page = parseInt($(".has_next").attr("value"));
window.page++;
MathJax.typeset($('.middle-content')[0]);
onWindowReady();
activateBlogBoxOnClick();
})
}
$(window).on("scroll", function() {
if (window.loading_page || !window.has_next_page) return;
var distanceFromBottom = $(document).height() - ($(window).scrollTop() + $(window).height());
if (distanceFromBottom < 500) {
window.loading_page = true;
var params = {
"only_content": 1,
"page": window.page + 1,
};
var isDesktop = window.matchMedia('(min-width: 800px)').matches;
params = Object.assign({}, getQueryParams(), params);
$.get("{{feed_content_url}}", params)
.done(function(data) {
$(".has_next").remove();
$(".middle-content").append(data);
window.loading_page = false;
window.has_next_page = parseInt($(".has_next").attr("value"));
window.page++;
MathJax.typeset($('.middle-content')[0]);
onWindowReady();
activateBlogBoxOnClick();
})
if (isDesktop && distanceFromBottom < 500) {
loadNextPage();
}
});
$(document).on("click", ".view-next-page", () => {
if (window.loading_page || !window.has_next_page) return;
var isDesktop = window.matchMedia('(min-width: 800px)').matches;
if (isDesktop) return;
$(".view-next-page").remove();
loadNextPage();
});
});
</script>

5
templates/feed/has_next.html
View file

@ -1 +1,4 @@
<div class="has_next" style="display: none;" value="{{1 if has_next_page else 0}}"></div>
<div class="has_next" style="display: none;" value="{{1 if has_next_page else 0}}"></div>
{% if has_next_page %}
<button class="view-next-page btn-green small">{{_('View more')}}</button>
{% endif %}