Цель изготовления колес:
При работе над проектом нужна функция мониторинга прокрутки.Прописана структура html.Я не хочу использовать компонент vue для ее написания.Поскольку я не хочу модифицировать структуру html, я потратил несколько часов, чтобы сделать простой, используя метод инструкции vue.Приходите, чтобы сделать это, проект достаточно, и он закончен. Позже я все равно подумал об этом, не намного лучше его усовершенствовать и сделать плагином. Это заняло больше двух дней. .
Первый взгляд на эффект
Основная яма:
- Анимация прокрутки, плагиат
vue-scrollactiveподход, используя библиотекуbezier-easing. Конечно, этот плагин относится кvue-scrollactiveПреимущество в том, что я могу указать контейнер прокрутки, и он не ограничивается прокруткой под окном. - Нижняя версия объекта chrome core dom не имеет
scrollToметод, используяdom.scrollTop = valueзаменить. Конечно, это вызвано слабыми базовыми знаниями. . . - Некоторые браузеры не поддерживают
document.body.scrollTop; не поддерживается некоторыми браузерамиdocument.documentElement.scrollTop. . хе-хе - Время работы инструкций в vue для dom:
insertedвcreatedПосле этого вmountedДо
характеристика
- Текущий элемент определяется тем, что окно прокрутки
- Expose api scrollЧтобы свободно указывать позицию для прокрутки
- Контейнер прокрутки можно указать свободно, не ограничиваясь окном
- Путь директивы vue
- Нет ограничений на прослушивание элементов, нет необходимости использовать теги id или class. Конечно, если вы хотите указать контейнер прокрутки, у вас должен быть идентификатор или класс.
- Список навигации без каких-либо ограничений
дефект
- Не так глупо использовать
- Анимации в настоящее время не настраиваются
- В настоящее время невозможно указать более двух контейнеров прокрутки, которые необходимо отслеживать на странице.