Вопросы с меткой [scroll]

Прокрутка — непрерывное перемещение контента на экране. Старайтесь использовать более конкретные теги вместо этого. Например, если речь про Android, то лучше использовать тег [android-scrollview],

Фильтрация
Сортировка
Метки
1 голос
0 ответов
24 показа

Как сделать поиск при бесконечном скролле?

Как можно сделать поиск, если у меня имеется бесконечный скролл на странице? Axios запрос выводит мне 10 постов, в моменте когда я "просматриваю" 10 пост, он мне выдает еще 10 постов. Так ...
Fi1iN_'s user avatar
  • 13
0 голосов
1 ответ
39 показов

Высота ребенка по всю высоту скролла родителя + абсолютный блок

Если внутри скролла есть элемент с абсолютной позиций (.absolute), он расширяет высоту скролла переполненного родителя (.overflow), но контент (.content) при этом не расширяется, как сделать что-бы ...
Mr_Epic's user avatar
  • 1,903
0 голосов
0 ответов
13 показов

Неверно отрабатывает scroll event на Safari десктоп

Необходимо отслеживать скролл на странице и при пересечении блока на 60 пикселей вверх/вниз проскроливать к следующему / предыдущему экрану (Элемент занимает 100svh). Для проскроливания к элементу ...
Masha Baranova's user avatar
0 голосов
0 ответов
10 показов

Draggable scroll проблем, react

У меня есть компонент, где я хочу реализовать draggable свойство: const MainCanvas:React.FC<IMainCanvas> = ({graphicRef,data,graphic}) => { const [height, setHeight]=useState<number | ...
Андрей's user avatar
0 голосов
0 ответов
13 показов

Проблема с draggable horizontal scroll

Есть компонент, где я использую canvas: const MainCanvas:React.FC<IMainCanvas> = ({graphicRef,data,graphic}) => { const [height, setHeight]=useState<number | undefined>(graphicRef....
Андрей's user avatar
1 голос
1 ответ
21 показ

Модальное окно со скроллом контена и фиксированной шапкой

Всем привет! Не могу сделать модальное окно, с фиксированной шапкой и скроллом контента. Контент скроллится не до конца, только несколько первых элементов. Маленкая высота указана для примера. ....
maksim9933's user avatar
0 голосов
1 ответ
21 показ

Gsap slider с управлением по клику

Делаю ScrollTriggered слайдер на GSAP. Необходимо управлять слайдером помамо скролла точками(тамбнейлами) при управлении от меньшего к большему - работает без проблем, а в обратную сторону пропускает ...
Masha Baranova's user avatar
1 голос
0 ответов
36 показов

Нужно повторение анимации при прокрутке страницы вверх/вниз и устранить некорректные эффекты при наведении курсора (jQuery и CSS)

Здравия желаю! Уже четыре дня занимаюсь этой задачей... Пожалуйста, помогите с решением. Задача: — Если прокручиваем страницу до блока с классом Section-1, то Справа экрана появляется 1-я (красная) ...
V_S's user avatar
  • 11
0 голосов
0 ответов
18 показов

Почему при скролле мышью скроллится только на последний и первый элементы?

Пытаюсь реализовать посекционный скролл колесиком мыши. Сейчас скроллится только к первой или последней секции на странице. Почему? Есть компонент: export default function Home() { const ...
Konstantin_SH's user avatar
0 голосов
0 ответов
21 показ

Прокрутка в фигме

Есть фигма макет Внизу рисунка я пытался красным выделить скролл, который я хочу переместить использую клавиши (мышью не получается). Как переместить скролл с помощью клавиш (а не с помощью мыши)?
vladwebsearch's user avatar
0 голосов
0 ответов
18 показов

Изменение флага при скролинге списка

Может кто сталкивался с таким или подскажет в какую сторону смотреть Проблема заключается в том что: Есть список элементов(динамичный) и есть окно определенного размера. Можно ли реализовать случай ...
Moroshka's user avatar
2 голоса
0 ответов
37 показов

Как сделать полосу прокрутки с отступами для отдельной секции?

У меня есть секция шириной более 3000 px и основная часть контента находиться справа. Я хочу сделать для него собственную полосу прокрутки с вертикальными и горизонтальными отступами, как показано на ...
Kirito 自由's user avatar
0 голосов
0 ответов
10 показов

как сделать прокрутку до определенного элемента, когда пользователь начинает скроллить

нужно сделать так чтобы, когда пользователь начинал скроллить, страница сама доскролила до следующего блока. скролл должен на всех браузерах работать одинаково, использовал behavior: 'smooth', но в ...
dxsya's user avatar
  • 25
0 голосов
1 ответ
64 показа

Горизонтальная прокрутка широких таблиц в Android WebView

Есть приложение Андроид с WebView во весь экран и с загружаемым в него HTML-кодом. Когда в коде попадаются широкие таблицы (HTML-тег table), не умещающиеся по ширине на экране, то они просто ...
Aleksey Voko's user avatar
0 голосов
1 ответ
37 показов

Не работает горизонтальный скролл

.wrapper{ width: 100%; display: flex; overflow-y:hidden; overflow-x:scroll; white-space: nowrap; } .wrapper .item{ display: inline-block; border: 10px solid white; ...
White Moon's user avatar
0 голосов
0 ответов
13 показов

Как сделать горизонтальный scroll lottie player внутри div?

Было 2 идеи: Взять библиотеку "import { create } from "@lottiefiles/lottie-interactivity";" и добавить функцию scroll. Но как я понял, у неё нет понятия прикрепления к div, только ...
TimChesko's user avatar
0 голосов
1 ответ
73 показа

Python/Selenium javascript error: arguments[0].scrollIntoView is not a function [дубликат]

У меня есть метод при использовании которого я получаю ошибку: javascript error: arguments[0].scrollIntoView is not a function вот собственно сам метод(если коротко, то его суть скролл до элемента) ...
sdpctr's user avatar
  • 89
0 голосов
1 ответ
22 показа

Как найти откуда вызывается scroll на сайте WP

Есть проблемы с сайтом. Одна из них - это скролл пре переходе на новый шаг формы. Используется Contact Form 7 Multi-Step Forms, Contact Form 7. Проблема в том, что иногда при переходе на следующий шаг ...
Igor Biyar's user avatar
0 голосов
1 ответ
15 показов

.scroll jquery -3.6.1.min не работает для <div> блока

Делал подгрузку изображений c jquery-3.6.1.min <script> let block_show = false; function scrollMore() { let $target = $("#showmore-triger"); if (block_show) { ...
Eugeny_2806010101's user avatar
0 голосов
0 ответов
18 показов

Есть ли возможность оптимизировать анимацию нескольких блоков при скроллинге?

Написал скрипт, который анимирует несколько блоков при скроллинге. Добавил в CSS свойство will-change, использовал requestAnimationFrame в JS, но это все спички, учитывая то, что при скроллинге мы ...
Максим Калинин's user avatar
0 голосов
0 ответов
33 показа

Как скроллинг от трекпада преобразовать в скроллинг от мышки

В общем на сайте осуществляется скроллинг по компонентам, этому способствуют такие библиотеки как react scroll и react-scroll-wheel-handler. То есть при скролле мышкой срабатывает некое событие: ...
Vladyslav's user avatar
0 голосов
0 ответов
28 показов

Как предотвратить скролл окна браузера при скролле к элементу списка?

У меня на странице есть список элементов, разбитых по разделам, со скроллом. Каждый раздел связан с одноименным Tab над списком. Когда я нажимаю на конкретный Tab, список автоматически скроллится до ...
lcnw's user avatar
  • 671
0 голосов
0 ответов
37 показов

Неправильная работа скролла в Firefox

Друзья! Ситуация такая, что есть данный скрипт, который крутит страницу по блокам, в файрфоксе почему-то во-первых прокрутка колесом вверх опускает страницу, а во-вторых почему-то когда достигаешь ...
Pavel's user avatar
  • 1
0 голосов
1 ответ
72 показа

Как добавить отступ к прокрутке (html, css)

У меня есть несколько секций с айди и кнопки, которые позволяют по этим секциям перемещаться. А еще, у меня есть хедер, который половину секции закрывает. Вопрос в том, как добавить верхний отступ для ...
Andrii Frighes's user avatar
0 голосов
1 ответ
71 показ

Горизонтальный скролл убрать

Господа, как убрать горизонтальный скролл? Повернул svg, есть пос. абсолют, и меньший z-index, но из-за этого угла появляется скролл. Как можно решить ситуацию?
user avatar
0 голосов
1 ответ
85 показов

Откуда же взялся скролл? [закрыт]

Всем привет! Я установил абсолютные значения для основных блоков, но прокрутка все равно не исчезает. Почему погрешность 9px? Почему, когда я удаляю свойство блока blue justify-content: space-between; ...
Антон Андреев's user avatar
0 голосов
1 ответ
209 показов

Скролл div'а для чата

Доброго времени суток! Помогите пожалуйста, имеется блок где отображаются сообщения диалога, хочу сразу подчеркнуть: В чате присутствует подгрузка старых сообщений, если подняться почти до края блока ...
Armen Saakyan's user avatar
0 голосов
1 ответ
107 показов

wow.js прыгает при скроле

Вот сайт: https://style-plitka.ru В работе использовал wow.js + animate.css Добавлял к элементам и блокам эффект появления при скролинге. На десктопной версии всё в порядке, но при адаптации возникла ...
Mikhail Monakhov's user avatar
0 голосов
0 ответов
17 показов

Как при переключении между вкладками при скроле вниз сделать, чтобы контент начинался сверху?

Если проскролить вкладку, а затем переключиться на другую вкладку, то вкладка открывается не сверху, а там где остановился на предыдущей вкладке. В качестве обертки для скролла используется react-...
Антон Михайлов's user avatar
0 голосов
0 ответов
39 показов

Как добиться зафиксированного скролла с помощью RxJs?

У меня есть блок с mat-table внутри. У него есть скрол. Изначально значение этого скрола 0. Мне нужно, чтобы значение было 2 или больше. Если прокрутить до высоты 0, чтобы автоматически ...
Vladislav_Kazakov's user avatar
1 голос
1 ответ
33 показа

Почему срабатывает не всегда определение низа страницы?

Не могу понять в чем дело, наблюдаю странный эффект. Мне нужно подгружать контент, когда пользователь приближается к низу страницы. У меня есть состояние, которое запрещает либо разрешает подгружать ...
webphp's user avatar
  • 1,342
0 голосов
1 ответ
35 показов

Медленная прокрутка ScrollView

У меня есть scroll и работает он замечательно, но есть некое зависание: при прокрутке вниз (до конца и это делается за один свайп) оно доходит, а вот обратно за один свайп это не сделать, нужно много ...
Максим Янушев's user avatar
0 голосов
1 ответ
176 показов

React scroll ( стороння библиотека)

Как то попытаюсь сформулировать свою проблему. Может кто и поможет. Насколько я понимаю, React не манипулирует напрямую DOM и я так же не могу обращаться к тому же body. Соответственно мне нужна какая-...
Евгений Колмак's user avatar
0 голосов
1 ответ
25 показов

как прибить блок к низу если есть скролл(landscape)

,,,, Всем привет,в общем у меня такая проблема,делаю мобайл меню и в режиме ландскейпа у меня появляться скролл и социал меню,у которого боттом 0,берет низ от высоты экрана мобайл меню которое ...
Hisoka91's user avatar
0 голосов
1 ответ
279 показов

Изменение вертикальной прокрутки на горизонтальную в точке для определенного элемента

Каков контекст проблемы? У меня есть веб-сайт, представляющий собой одну страницу, на которой я буду представлять свою деятельность и проекты. После прокрутки нескольких разделов у нас есть проекты ...
Alexandr_TT's user avatar
0 голосов
0 ответов
66 показов

Как в React скроллить до нового элемента при добавлении?

Есть список div-элементов, который разворачивается с помощью map. В какой-то момент юзер может нажать кнопку и добавить новый элемент, который появится внизу списка. Задача - скроллить о этого нового ...
Олег Верушкин's user avatar
0 голосов
0 ответов
40 показов

Сделать горизонтальный скролл Bootstrap 4 nav-tabs

Имеется следующий пример кода сайта на Bootstrap 4. Внизу есть панель навигации с кнопками. Панель закреплена к нижнему правому краю экрана, то есть слева должно оставаться место для изменения общей ...
Василий Шайдюк's user avatar
0 голосов
0 ответов
5 показов

Как создать в блоге One page Full Scroll от статьи к статье, со сменой url

Всем привет, Как создать и реализовать на простом новостном сайте блоге функцию One page Full Scroll или Full Page Scroll без разницы - переход от одной страницы к другой, от статьи к статье в рамках ...
id Creativ's user avatar
0 голосов
2 ответа
60 показов

Ширину блока по размеру содержимого (блок скролится)

Красный блок ограничен. Мне нужно, чтобы он растягивался от содержимого независимо от того, что он скролящийся. В примере я бы хотел, чтобы зеленые блоки не вылазили за красный. Нужно, чтобы красный ...
Виктор's user avatar
1 голос
1 ответ
39 показов

Динамически сгенерированные кнопки в скролле

У меня есть функция для генерации кнопок. <script type="text/javascript"> function createButtonsInScroll(quantityBtns, whereToInsertNode) { for (let ...
YAKMUVE's user avatar
  • 27
0 голосов
1 ответ
85 показов

Плавный скролл с requestAnimationFrame (не якоря) vanila JS

Всем привет! Получаю в консоль постоянное обновление с ошибкой. (Пример в коде). Возможно реально использовать его без бесконечного вызова requestAnimationFrame или есть еще какое-то более лаконичное ...
George Marco's user avatar
0 голосов
0 ответов
28 показов

Как сделать так чтобы после прокрутки страницы останавливалось видео

Помогите. Как сделать так, чтобы после прокрутки видео ставилось на стоп, либо пропадало? вот сайт var video; window.onload = function() { video = document.getElementById("zeromp4video");...
Slalex Design's user avatar
0 голосов
1 ответ
75 показов

Добрый день, можно ли использовать addEventListener во Vue?, просто нужно подписаться на скролл, пока не знаю как если без addEventListener?

можно ли использовать addEventListener во Vue?, просто нужно подписаться на скролл, пока не знаю как если без addEventListener?
УлыбокТебеДедМакар's user avatar
0 голосов
1 ответ
80 показов

При переполнении контента блока прокручивать переполненный блок, а не всю страницу

Есть страница, содержащая в себе контейнер из трех блоков. Первый блок состоит из трех частей, первая и третья части неизменны по содержимому. При расширении содержимого блоков контейнера появляется ...
Vadim's user avatar
  • 1
1 голос
1 ответ
36 показов

Есть такой JS(для анимации скролла), подскажите пожалуйста где нужно поменять классы, что б он работал?

Есть такой JS(для анимации скролла), подскажите пожалуйста куда нужно подставлять свои классы? $(".learn-more").on("click", "a", function(event) { event.preventDefault()...
Михаил's user avatar
-1 голос
1 ответ
256 показов

нужно сделать что б при клике на ссылку, скролилась страница до определённого места

При клики на эту ссылку... <a href="#" class="one" id="one">01</a> Должно скролится сюда <article class="article" id="one"> Есть ...
Михаил's user avatar
0 голосов
0 ответов
149 показов

Как прокрутить страницу на определённое количество пикселей без анимации

Собственно, я пишу пет проект, мессенджер на React и node js, и при поподании на страницу я получаю из бд ограниченное количество записей(18), а когда пользователь докручивает до верха страницы(по ...
Arsen00531's user avatar
0 голосов
1 ответ
36 показов

OnScrollChange событие

В JS есть event listener scroll .addEventListener('scroll', function(){}) Оно работает пока страница скроллится, есть ли событие как с инпутом к примеру onchange, то есть после того, как скролл ...
Glupiy's user avatar
  • 43
0 голосов
1 ответ
228 показов

wpf listbox автоматический скролл вниз

У меня есть ListBox, я добавляю в него элементы, но с появлением скролла ListBox не опускается вниз, к добавляемому элементу, а отображает первые элементы; как сделать чтобы при добавлении элемента в ...
Pekor's user avatar
  • 449
-2 голоса
1 ответ
2k показов

Плавная прокрутка react [закрыт]

Есть ли статья или готовое решения, для реализации плавной прокрутки пользователем на react ? Различные npm : react-smooth-scroll или react-smooth-scrollbar - не очень подходят, но результат, который ...
9024872139's user avatar