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

Прокрутка(Scroll) - процесс либо команда визуального перемещение данных (текст, графика) по осям X или/и Y монитора(экрана) относительно устройства.

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

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

Необходимо зафиксировать фуллскрин так, чтобы при скролле следующие блоки накладывались на него. * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; font-...
Almira Kussainova's user avatar
1 голос
0 ответов
15 показов

Моргания и откат при прокрутке виртуализации скролла

Сделал виртуализацию скролла, но при использовании совместно с flex-wrap: wrap; justify-content: center; Подскажите плиз кто знает как можно решить проблему. Вот код import {memo, ...
Андрей Перевязко's user avatar
0 голосов
0 ответов
11 показов

Эффект моргания и отката при прокрутке виртуализации скролла

Сделал виртуализацию скролла, но при использовании совместно с flex-wrap: wrap; justify-content: center; Подскажите плиз кто знает как можно решить проблему. Вот код import {memo, ...
Андрей Перевязко's user avatar
0 голосов
1 ответ
52 показа

Не работает прокрутка в flet

Делаю приложение под android на Python через Flet. Мне нужно отображать список заданий, однако он не всегда помещается на экране, и я решил сделать прокрутку. Однако она не работает. Код main.py: from ...
NTA's user avatar
  • 215
0 голосов
0 ответов
29 показов

Как сделать автоматическую вставку контента(текст, картинки) в юнити по шаблону?

Всем привет! Я новичок в юнити, делаю информационный киоск для музея с огромным количеством контента, использую везде ScrollRect и туда запихиваю весь контент. Дело это довольно долгое, поэтому хочу ...
Влада's user avatar
0 голосов
0 ответов
29 показов

Элемент с горизонатальной прокруткой содержимого в балуне (галлерея с фото)

Имеем примерной такой код добавления метки с кастомным балуном на карту: const org = { name: 'Автосервис на Набережной', about: '<div class="org_about"><div class="...
Eugeny K's user avatar
0 голосов
1 ответ
31 показ

Не работает прокрутка снизу вверх, сверху вниз работает нормально

// Scroll to corresponding content with an offset var contentOffset = $('.dishes .child-category-name').eq(index).offset().top; var scrollPosition = contentOffset - $('.child-...
Taras Taras's user avatar
0 голосов
1 ответ
24 показа

Как сделать чтобы список фильтров на мобильный устройствах можно было прокручивать но чтобы на остальной странице не возникал горизонтальный скролл?

как сделать чтобы скролл работал только для меню фильтров,а не для всей страницы? может дело в ширине? .main__nav { margin-left: -20px; margin-right: 115px; margin-top:...
Melman's user avatar
  • 1
0 голосов
0 ответов
37 показов

react добавить скролл

Мне нужно добавить скролл, я делал через css, но это сами понимаете... Дальше я нашел библиотеку react-scroll, но она какая-то старая, там все примеры на классах. В чем основаная суть, у менять есть ...
Алексей Мелентьев's user avatar
0 голосов
0 ответов
28 показов

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

У меня есть код, который отрабатывает скролл по одному блоку(По типу библиотек fullpage.js, и т.д.) Проблема заключается в том, что при скролле с ноутбука(тачпадом), событие отправляется много раз и ...
Артур's user avatar
1 голос
0 ответов
30 показов

Как сгладить плавный скролл к якорной ссылке?

Всем привет. Использую скрипт для плавной прокрутки к якорю: document.addEventListener('DOMContentLoaded', function () { let anchors = document.querySelectorAll('a[href*="#"]'); for (...
El Jeko's user avatar
  • 39
0 голосов
0 ответов
39 показов

Синхронизация прокрутки родительского и вложенных контейнеров в ОС WIndows

Есть разметка (см. схему). При прокрутке общего родительского контейнера, если под курсором находится вложенный контейнер, тоже имеющий прокрутку, то сначала прокручивается он до конца, а потом опять ...
rebroff's user avatar
  • 453
0 голосов
0 ответов
41 показ

Якорные ссылки - скролл - JS

Коллеги, всем добрый день. На сайте реализован скролл по якорным ссылкам. Метод нашел здесь же, на StackOverflow. Все отлично работает. Но есть НО. У меня на странице header имеет свойство fixed. ...
El Jeko's user avatar
  • 39
0 голосов
0 ответов
48 показов

скролл внутри слайда на swiper.js

Всем привет. Делаю следующий функционал: вертикальный swiper.js, первые две секции растянуты на 100vh, последняя секция имеет внутренний скролл с собственным контентом. Реализовал следующим способом ...
yanballas's user avatar
0 голосов
0 ответов
77 показов

Как реализовать поэкранный скролл блоков при 100vh?

Всем привет. Суть проблемы: Структура проекта: .header .block1 .block2 .footer. Необходимо растянуть .header и .block1 на всю высоту экрана и скролиться между ними поблочно (достаточно точный пример ...
yanballas's user avatar
0 голосов
0 ответов
33 показа

Ползунок полосы прокрутки возвращается в начальное положение после действия С++

// WindowsProject1.cpp : Определяет точку входа для приложения. // #include "framework.h" #include "WindowsProject1.h" #include <iostream> #include <windows.h> #...
Тимофей Славогородский's user avatar
0 голосов
0 ответов
24 показа

Появляется мгновенный скролл после переключения между вкладками

Добавил в шапку страницы навигацию по этой странице, по id на соответствующих блоках. В стилях прописано scroll-behavior: smooth По умолчанию всё работает правильно, но если перейти на какую-нибудь ...
Прохор's user avatar
0 голосов
1 ответ
74 показа

Locomotive Scroll в next.js проблема при загрузке страницы при обратном скроле

Всем привет, проблема такая. использую Locomotive Scroll в своем проекте Next.js. Когда присходит прокрутка страницы вниз, все отлично работает, но когда я возвращаюсь обратно, все как будто заново ...
Алексей Татарчук's user avatar
0 голосов
0 ответов
50 показов

Подскажите, как прервать скролл главной страницы в то время когда скролишь слайдер колесиком мышки

У меня на странице есть слайдер с карточками, и когда мышкой наводишь на область что бы про скролить карточки колесиком мышки то главная страница в этот момент тоже скролиться. Подскажите пожалуйста ...
Владимир Фартусов's user avatar
0 голосов
0 ответов
27 показов

Как прокручивать swiper на скролл окна вниз?

Коллеги, прошу указать где искать решение САБЖ: Есть страница, на ней есть Swiper слайдер. ЗАДАЧА: Надо запускать его скролл, т.е скроллить слайдер автоматом, самостоятельно, при скролле окна вниз (...
Polina's user avatar
  • 336
0 голосов
0 ответов
26 показов

Как реализовать параллельный скролл в блоке?

Коллеги, прошу вас помочь мне разобраться со скроллом меню, параллельно со скроллом окна. САБЖ: Есть лайаут у которого есть ДЛИННОЕ сайдебар меню, упакованное в блок, который позволяет его скроллить. ...
Polina's user avatar
  • 336
0 голосов
1 ответ
109 показов

Как узнать на сколько пикселей вниз я прокрутил в контейнере?

У меня есть контейнер, у которого есть скролл , как узнать на какое кол-во пикселей вниз я прокрутил его ? const app = new Vue({ el: '#app', data: { scrollTop: null }, mounted() {...
Young's user avatar
  • 145
0 голосов
0 ответов
26 показов

Плагин для доводки блоков при скроле

Подскажите плагин для react который при скроле доводил блоки до верха или низа в зависимости куда скролим. Блоки есть с большим контентом (такие блоки к примеру если мы скролим блок, поднимался до ...
Александр's user avatar
0 голосов
0 ответов
24 показа

react-page-scroll

использую библиотеку react-page-scroll нужно остановить скролл когда юзер доскролил до определённого блока а потом снова продолжить но я ни как не могу найти атрибут который помог бы остановить скролл,...
Baiysh's user avatar
  • 1
0 голосов
0 ответов
69 показов

Vuetify 2. Прикрепление меню к v-select

Столкнулся с необычной ситуацией. Основная цель - прикрепить меню и отобразить, либо выше, либо ниже данного селекта (в зависимости от того, хватит ему места для отображения или нет). В целом,после ...
abra Kadabra's user avatar
0 голосов
0 ответов
85 показов

Css scroll snap + js tracking

Подскажите, каким образом можно присваивать index слайдам, созданным через css scroll snap? Задумка в следующем: по-центру экрана слайдер для картинок, каждая картинка с уникальным айди, а снизу ...
noob code's user avatar
0 голосов
1 ответ
99 показов

Могу ли я изменить скорость прокрутки с помощью React?

Мне надо изменить скорость прокрутки в полном открытии страницы, страница должна быть плавной когда прокручиваешь. Надо чтобы body элемент была плавной, как на этом сайте: https://geona-dveri.ru/ ...
Abdusamad Raimjonov's user avatar
0 голосов
0 ответов
32 показа

Товары при бесконечной прокрутке не сортируются php+js

У меня реализована бесконечная прокрутка машин есть два файла, by_maker отвечает за саму старину с разметкой , damps_loading отвечает за бесконечную прокрутку. 1)код сортировки рабочий , у меня ...
Pipka 's user avatar
0 голосов
0 ответов
24 показа

На моб. версии сайта перестал работать скролл вниз с главной странице

Всем привет. На моем сайте в мобильной версии перестал работать скролл вниз(раньше нормально было). Подскажите пожалуйста как это исправить уже вот как 3 дня ломаю голову не могу найти в чем проблема. ...
easy's user avatar
  • 123
0 голосов
0 ответов
26 показов

Как зафиксировать и увеличить aside при скроллинге?

Всем привет! помогите пожалуйста, нужно чтобы при скроллинге вниз шапка пропадала, а боковая панель aside, наоборот поднималась ещё выше и фиксировалась к верхней границе сайта Сразу говорю: position: ...
кпап йкппй's user avatar
1 голос
1 ответ
75 показов

Рефрешит страницу при скролле на телефоне

Проблема следующего характера: Сайт написан на html, js vanilla, css, gsap. При скролле на мобильном устройстве почему-то рефрешит iframe, мигает много раз. Ребят, кто сталкивался, из-за чего это ...
Ivan Malovichko's user avatar
0 голосов
1 ответ
39 показов

scrollIntoView. Не могу перейти

День добрый. как с помощью scroll перейти к другому vue. к определённому блоку.введите сюда описание изображения
Roman Berdnikov's user avatar
0 голосов
0 ответов
20 показов

Python, Selenium, scrol?

Есть функция которая вытаскивает ссылки из динамического сайта. def pars_urls(): driver = webdriver.Chrome() driver.get('https://**-**.com/Results') sleep(2) prev_height = 0 while True: respons = ...
Parovozik ty-ty's user avatar
0 голосов
2 ответа
570 показов

При переходе на другую страницу не происходит прокрутка наверх

При переходе на новую страницу скролл остается на своем месте, не меняя своего положения import React from "react"; import { BrowserRouter, useLocation } from "react-router-dom"; ...
b.ars's user avatar
  • 1
0 голосов
0 ответов
24 показа

При добавлении плагина jQuery.scrollSpeed.js сайт при прокрутке "откатывается" назад, это только в Chrome

Ссылка на сайт: https://mixplaster.site/ При прокрутке после того, как отпускаешь колесико мыши, сайт как бы "откатывается" назад, происходит это только в браузере Chrome. В чем может быть ...
Margaretka's user avatar
1 голос
0 ответов
61 показ

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

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

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

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

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

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

Draggable scroll проблем, react

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

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

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

Почему появляется горизонтальный скролл на десктопе

Ширина макета 1366px, задала ширину ограничивающему контейнеру такую же - 1366px (верстаю макет desktop first впервые, до этого верстала только mobile first на курсах, при верстке mobile first нас ...
Irina's user avatar
  • 1
1 голос
1 ответ
43 показа

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 голосов
1 ответ
220 показов

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 ответ
29 показов

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

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