Я создаю приложение GIF только для практики, и я реализовал бесконечную прокрутку. Однако, хотя я увеличиваю значение смещения, переданное в запросе, API по-прежнему ничего не возвращает, но повторяет после первого (что загружается при загрузке страницы). Мне интересно, если я просто что-то упустил. Вот мой код:
let working = false;
const limit = 10;
offset += 10;
$(window).scroll(function() {
if ((window.innerHeight + window.scrollY) >= document.body.scrollHeight) {
if (working == false) {
working = true;
let requestUrl;
queryTerm ? requestUrl = `${protocol}${url}search?q=${queryTerm}&limit=${limit}&offset=${offset}&api_key=${key}`
: requestUrl = `${protocol}${url}trending?api_key=${key}&limit=${limit}`;
fetch(requestUrl)
.then(res => res.json())
.then(gifs => displayAllGifs(gifs))
.finally(setTimeout(() => {
working = false;
}, 4000));
offset += 11;
}
}
});
Как видите, я увеличиваю смещение каждый раз, когда вызывается обратный вызов, поэтому он должен получать следующие 10 гифов, а не одни и те же снова и снова. Что я не получаю здесь? Любая помощь высоко ценится.