Вопросы с меткой [scroll]
Прокрутка — непрерывное перемещение контента на экране. Старайтесь использовать более конкретные теги вместо этого. Например, если речь про Android, то лучше использовать тег [android-scrollview],
513
вопросов
1
голос
0
ответов
24
показа
Как сделать поиск при бесконечном скролле?
Как можно сделать поиск, если у меня имеется бесконечный скролл на странице?
Axios запрос выводит мне 10 постов, в моменте когда я "просматриваю" 10 пост, он мне выдает еще 10 постов. Так ...
0
голосов
1
ответ
39
показов
Высота ребенка по всю высоту скролла родителя + абсолютный блок
Если внутри скролла есть элемент с абсолютной позиций (.absolute), он расширяет высоту скролла переполненного родителя (.overflow), но контент (.content) при этом не расширяется, как сделать что-бы ...
0
голосов
0
ответов
13
показов
Неверно отрабатывает scroll event на Safari десктоп
Необходимо отслеживать скролл на странице и при пересечении блока на 60 пикселей вверх/вниз проскроливать к следующему / предыдущему экрану (Элемент занимает 100svh).
Для проскроливания к элементу ...
0
голосов
0
ответов
10
показов
Draggable scroll проблем, react
У меня есть компонент, где я хочу реализовать draggable свойство:
const MainCanvas:React.FC<IMainCanvas> = ({graphicRef,data,graphic}) => {
const [height, setHeight]=useState<number | ...
0
голосов
0
ответов
13
показов
Проблема с draggable horizontal scroll
Есть компонент, где я использую canvas:
const MainCanvas:React.FC<IMainCanvas> = ({graphicRef,data,graphic}) => {
const [height, setHeight]=useState<number | undefined>(graphicRef....
1
голос
1
ответ
21
показ
Модальное окно со скроллом контена и фиксированной шапкой
Всем привет! Не могу сделать модальное окно, с фиксированной шапкой и скроллом контента. Контент скроллится не до конца, только несколько первых элементов. Маленкая высота указана для примера.
....
0
голосов
1
ответ
21
показ
Gsap slider с управлением по клику
Делаю ScrollTriggered слайдер на GSAP. Необходимо управлять слайдером помамо скролла точками(тамбнейлами) при управлении от меньшего к большему - работает без проблем, а в обратную сторону пропускает ...
1
голос
0
ответов
36
показов
Нужно повторение анимации при прокрутке страницы вверх/вниз и устранить некорректные эффекты при наведении курсора (jQuery и CSS)
Здравия желаю!
Уже четыре дня занимаюсь этой задачей...
Пожалуйста, помогите с решением.
Задача:
— Если прокручиваем страницу до блока с классом Section-1, то
Справа экрана появляется 1-я (красная) ...
0
голосов
0
ответов
18
показов
Почему при скролле мышью скроллится только на последний и первый элементы?
Пытаюсь реализовать посекционный скролл колесиком мыши. Сейчас скроллится только к первой или последней секции на странице. Почему? Есть компонент:
export default function Home() {
const ...
0
голосов
0
ответов
21
показ
Прокрутка в фигме
Есть фигма макет
Внизу рисунка я пытался красным выделить скролл, который я хочу переместить использую клавиши (мышью не получается). Как переместить скролл с помощью клавиш (а не с помощью мыши)?
0
голосов
0
ответов
18
показов
Изменение флага при скролинге списка
Может кто сталкивался с таким или подскажет в какую сторону смотреть
Проблема заключается в том что:
Есть список элементов(динамичный) и есть окно определенного размера. Можно ли реализовать случай ...
2
голоса
0
ответов
37
показов
Как сделать полосу прокрутки с отступами для отдельной секции?
У меня есть секция шириной более 3000 px и основная часть контента находиться справа. Я хочу сделать для него собственную полосу прокрутки с вертикальными и горизонтальными отступами, как показано на ...
0
голосов
0
ответов
10
показов
как сделать прокрутку до определенного элемента, когда пользователь начинает скроллить
нужно сделать так чтобы, когда пользователь начинал скроллить, страница сама доскролила до следующего блока. скролл должен на всех браузерах работать одинаково, использовал behavior: 'smooth', но в ...
0
голосов
1
ответ
64
показа
Горизонтальная прокрутка широких таблиц в Android WebView
Есть приложение Андроид с WebView во весь экран и с загружаемым в него HTML-кодом. Когда в коде попадаются широкие таблицы (HTML-тег table), не умещающиеся по ширине на экране, то они просто ...
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;
...
0
голосов
0
ответов
13
показов
Как сделать горизонтальный scroll lottie player внутри div?
Было 2 идеи:
Взять библиотеку "import { create } from "@lottiefiles/lottie-interactivity";" и добавить функцию scroll. Но как я понял, у неё нет понятия прикрепления к div, только ...
0
голосов
1
ответ
73
показа
Python/Selenium javascript error: arguments[0].scrollIntoView is not a function [дубликат]
У меня есть метод при использовании которого я получаю ошибку:
javascript error: arguments[0].scrollIntoView is not a function
вот собственно сам метод(если коротко, то его суть скролл до элемента)
...
0
голосов
1
ответ
22
показа
Как найти откуда вызывается scroll на сайте WP
Есть проблемы с сайтом. Одна из них - это скролл пре переходе на новый шаг формы. Используется Contact Form 7 Multi-Step Forms, Contact Form 7.
Проблема в том, что иногда при переходе на следующий шаг ...
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)
{
...
0
голосов
0
ответов
18
показов
Есть ли возможность оптимизировать анимацию нескольких блоков при скроллинге?
Написал скрипт, который анимирует несколько блоков при скроллинге.
Добавил в CSS свойство will-change, использовал requestAnimationFrame в JS, но это все спички, учитывая то, что при скроллинге мы ...
0
голосов
0
ответов
33
показа
Как скроллинг от трекпада преобразовать в скроллинг от мышки
В общем на сайте осуществляется скроллинг по компонентам, этому способствуют такие библиотеки как
react scroll и react-scroll-wheel-handler. То есть при скролле мышкой срабатывает некое событие:
...
0
голосов
0
ответов
28
показов
Как предотвратить скролл окна браузера при скролле к элементу списка?
У меня на странице есть список элементов, разбитых по разделам, со скроллом.
Каждый раздел связан с одноименным Tab над списком. Когда я нажимаю на конкретный Tab, список автоматически скроллится до ...
0
голосов
0
ответов
37
показов
Неправильная работа скролла в Firefox
Друзья! Ситуация такая, что есть данный скрипт, который крутит страницу по блокам, в файрфоксе почему-то во-первых прокрутка колесом вверх опускает страницу, а во-вторых почему-то когда достигаешь ...
0
голосов
1
ответ
72
показа
Как добавить отступ к прокрутке (html, css)
У меня есть несколько секций с айди и кнопки, которые позволяют по этим секциям перемещаться. А еще, у меня есть хедер, который половину секции закрывает. Вопрос в том, как добавить верхний отступ для ...
0
голосов
1
ответ
71
показ
Горизонтальный скролл убрать
Господа, как убрать горизонтальный скролл? Повернул svg, есть пос. абсолют, и меньший z-index, но из-за этого угла появляется скролл. Как можно решить ситуацию?
0
голосов
1
ответ
85
показов
Откуда же взялся скролл? [закрыт]
Всем привет!
Я установил абсолютные значения для основных блоков, но прокрутка все равно не исчезает.
Почему погрешность 9px?
Почему, когда я удаляю свойство блока blue justify-content: space-between; ...
0
голосов
1
ответ
209
показов
Скролл div'а для чата
Доброго времени суток!
Помогите пожалуйста, имеется блок где отображаются сообщения диалога, хочу сразу подчеркнуть:
В чате присутствует подгрузка старых сообщений, если подняться почти до края блока ...
0
голосов
1
ответ
107
показов
wow.js прыгает при скроле
Вот сайт:
https://style-plitka.ru
В работе использовал wow.js + animate.css
Добавлял к элементам и блокам эффект появления при скролинге. На десктопной версии всё в порядке, но при адаптации возникла ...
0
голосов
0
ответов
17
показов
Как при переключении между вкладками при скроле вниз сделать, чтобы контент начинался сверху?
Если проскролить вкладку, а затем переключиться на другую вкладку, то вкладка открывается не сверху, а там где остановился на предыдущей вкладке. В качестве обертки для скролла используется react-...
0
голосов
0
ответов
39
показов
Как добиться зафиксированного скролла с помощью RxJs?
У меня есть блок с mat-table внутри. У него есть скрол. Изначально значение этого скрола 0. Мне нужно, чтобы значение было 2 или больше. Если прокрутить до высоты 0, чтобы автоматически ...
1
голос
1
ответ
33
показа
Почему срабатывает не всегда определение низа страницы?
Не могу понять в чем дело, наблюдаю странный эффект.
Мне нужно подгружать контент, когда пользователь приближается к низу страницы.
У меня есть состояние, которое запрещает либо разрешает подгружать ...
0
голосов
1
ответ
35
показов
Медленная прокрутка ScrollView
У меня есть scroll и работает он замечательно, но есть некое зависание: при прокрутке вниз (до конца и это делается за один свайп) оно доходит, а вот обратно за один свайп это не сделать, нужно много ...
0
голосов
1
ответ
176
показов
React scroll ( стороння библиотека)
Как то попытаюсь сформулировать свою проблему. Может кто и поможет.
Насколько я понимаю, React не манипулирует напрямую DOM и я так же не могу обращаться к тому же body.
Соответственно мне нужна какая-...
0
голосов
1
ответ
25
показов
как прибить блок к низу если есть скролл(landscape)
,,,,
Всем привет,в общем у меня такая проблема,делаю мобайл меню и в режиме ландскейпа у меня появляться скролл и социал меню,у которого боттом 0,берет низ от высоты экрана мобайл меню которое ...
0
голосов
1
ответ
279
показов
Изменение вертикальной прокрутки на горизонтальную в точке для определенного элемента
Каков контекст проблемы?
У меня есть веб-сайт, представляющий собой одну страницу, на которой я буду представлять свою деятельность и проекты. После прокрутки нескольких разделов у нас есть проекты ...
0
голосов
0
ответов
66
показов
Как в React скроллить до нового элемента при добавлении?
Есть список div-элементов, который разворачивается с помощью map. В какой-то момент юзер может нажать кнопку и добавить новый элемент, который появится внизу списка. Задача - скроллить о этого нового ...
0
голосов
0
ответов
40
показов
Сделать горизонтальный скролл Bootstrap 4 nav-tabs
Имеется следующий пример кода сайта на Bootstrap 4. Внизу есть панель навигации с кнопками. Панель закреплена к нижнему правому краю экрана, то есть слева должно оставаться место для изменения общей ...
0
голосов
0
ответов
5
показов
Как создать в блоге One page Full Scroll от статьи к статье, со сменой url
Всем привет,
Как создать и реализовать на простом новостном сайте блоге функцию One page Full Scroll или Full Page Scroll без разницы - переход от одной страницы к другой, от статьи к статье в рамках ...
0
голосов
2
ответа
60
показов
Ширину блока по размеру содержимого (блок скролится)
Красный блок ограничен. Мне нужно, чтобы он растягивался от содержимого независимо от того, что он скролящийся.
В примере я бы хотел, чтобы зеленые блоки не вылазили за красный. Нужно, чтобы красный ...
1
голос
1
ответ
39
показов
Динамически сгенерированные кнопки в скролле
У меня есть функция для генерации кнопок.
<script type="text/javascript">
function createButtonsInScroll(quantityBtns, whereToInsertNode) {
for (let ...
0
голосов
1
ответ
85
показов
Плавный скролл с requestAnimationFrame (не якоря) vanila JS
Всем привет! Получаю в консоль постоянное обновление с ошибкой. (Пример в коде). Возможно реально использовать его без бесконечного вызова requestAnimationFrame или есть еще какое-то более лаконичное ...
0
голосов
0
ответов
28
показов
Как сделать так чтобы после прокрутки страницы останавливалось видео
Помогите.
Как сделать так, чтобы после прокрутки видео ставилось на стоп, либо пропадало?
вот сайт
var video;
window.onload = function() {
video = document.getElementById("zeromp4video");...
0
голосов
1
ответ
75
показов
Добрый день, можно ли использовать addEventListener во Vue?, просто нужно подписаться на скролл, пока не знаю как если без addEventListener?
можно ли использовать addEventListener во Vue?, просто нужно подписаться на скролл, пока не знаю как если без addEventListener?
0
голосов
1
ответ
80
показов
При переполнении контента блока прокручивать переполненный блок, а не всю страницу
Есть страница, содержащая в себе контейнер из трех блоков. Первый блок состоит из трех частей, первая и третья части неизменны по содержимому.
При расширении содержимого блоков контейнера появляется ...
1
голос
1
ответ
36
показов
Есть такой JS(для анимации скролла), подскажите пожалуйста где нужно поменять классы, что б он работал?
Есть такой JS(для анимации скролла), подскажите пожалуйста куда нужно подставлять свои классы?
$(".learn-more").on("click", "a", function(event) {
event.preventDefault()...
-1
голос
1
ответ
256
показов
нужно сделать что б при клике на ссылку, скролилась страница до определённого места
При клики на эту ссылку...
<a href="#" class="one" id="one">01</a>
Должно скролится сюда
<article class="article" id="one">
Есть ...
0
голосов
0
ответов
149
показов
Как прокрутить страницу на определённое количество пикселей без анимации
Собственно, я пишу пет проект, мессенджер на React и node js, и при поподании на страницу я получаю из бд ограниченное количество записей(18), а когда пользователь докручивает до верха страницы(по ...
0
голосов
1
ответ
36
показов
OnScrollChange событие
В JS есть event listener scroll .addEventListener('scroll', function(){}) Оно работает пока страница скроллится, есть ли событие как с инпутом к примеру onchange, то есть после того, как скролл ...
0
голосов
1
ответ
228
показов
wpf listbox автоматический скролл вниз
У меня есть ListBox, я добавляю в него элементы, но с появлением скролла ListBox не опускается вниз, к добавляемому элементу, а отображает первые элементы; как сделать чтобы при добавлении элемента в ...
-2
голоса
1
ответ
2k
показов
Плавная прокрутка react [закрыт]
Есть ли статья или готовое решения, для реализации плавной прокрутки пользователем на react ?
Различные npm : react-smooth-scroll или react-smooth-scrollbar - не очень подходят, но результат, который ...