Как поставить условие?

225

04 октября 2018, 17:30

Всем привет. Делаю вот бесконечную прокрутку(ajax прокрутку) на vue. Запрос к серверу сделал, а вот поставить условие, чтоб этот скрипт срабатывал когда пользователь прокручивал scroll на 1000px от низа страницы не могу... Помогите, как это условие составить?

Answer 1

Предположим, что изначальная высота документа с отступами и невидимым контентом - 1000(px), scrollY - число пикселей, на которое в данный момент документ пролистали, innerHeight - начальная высота окна без отступов (значение не меняется):

export default {
    data() {
        return {
            list: [],
            onScroll: () => {
                const { scrollHeight } = document.documentElement;
                const { scrollY, innerHeight } = window;
                if (scrollY + innerHeight !== scrollHeight) {
                    return;
                }
                axios.get('/api/some-endpoint').then((res) => {
                    this.$data.list.push(res.data);
                });
            }
        };
    },
    created() {
        window.addEventListener('scroll', this.$data.onScroll);
    },
    beforeDestroy() {
        window.removeEventListener('scroll', this.$data.onScroll);
    }
}