Как определить, когда пользователь прокручивает нижнюю часть div-Vue


Как определить, когда пользователь прокручивает нижнюю часть div-Vue

05.01.2020 10:13:59 Просмотров 60 Источник

В настоящее время я пытаюсь реализовать бесконечную прокрутку на своем веб-сайте, я использую Vue Framework. Есть несколько бесконечных загрузочных библиотек для Vue, но после их интеграции у них было несколько проблем, которые были слишком серьезными для меня.

У меня уже есть это, поэтому я могу добавить больше данных в массив, как только определенное условие будет выполнено, мне просто нужно быть в состоянии определить, когда нижняя часть div будет достигнута/прокручена вниз.

Мне действительно нужно интегрировать это с циклом for в Vue, хотя это, кажется, не работает с некоторыми общими решениями. По сути, именно так выглядит мой код.

<div id="container">
    <div v-for="object in objects">
        <div class="class123">
            <p>Display Stuff</p>
        </div>
    </div>
</div>

Как бы я мог определить, когда пользователь прокручивает вниз к нижней части контейнера? Я попробовал, и это сработало без Vue, но как только я добавляю Vue, кажется, что это не работает:

jQuery(function($) {
    $('#container').on('scroll', function() {
        if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
            alert('end reached');
        }
    })
});

Я был бы признателен за помощь, спасибо.

У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/59603315/how-to-detect-when-a-user-scrolls-to-the-bottom-of-a-div-vue#comment105370664_59603315
Вы смешиваете два разных фреймворка вместе jQuery и Vue. Есть много примеров в интернете, как реализовать бесконечную прокрутку только в Vue, например: medium.com/@rafaelogic/…
https://stackoverflow.com/questions/59603315/how-to-detect-when-a-user-scrolls-to-the-bottom-of-a-div-vue#comment105395163_59603315
Я вижу, я не думал, что будет трудно реализовать что-то маленькое, как это. В конце концов я получил vue-infinite-loading для работы, так что спасибо.

Ответы - Как определить, когда пользователь прокручивает нижнюю часть div-Vue / How to detect when a user scrolls to the bottom of a div - Vue

Oded BD

05.01.2020 11:28:30

Вы можете сделать это с помощью этого пакета NPM [Vue Infinite Scroll][1], Если вы не возражаете против добавления новой зависимости.

вы также можете увидеть рабочий пример в этом CodePen: https://codepen.io/fayazara/pen/PLmRLz

проверить это средство в статье Более подробное описание

https://stackoverflow.com/questions/59603315/how-to-detect-when-a-user-scrolls-to-the-bottom-of-a-div-vue/59603916#comment105395130_59603916
На самом деле это то, с чего я начал, но, похоже, никто не обновлял пакет за пару лет. Было несколько ошибок, с которыми я столкнулся, и довольно много людей жаловались на них. Но все равно спасибо.
Помочь в развитии проекта:
Закрыть X