Tagged: scroll

25
Июл
2021

Как переопределить скролл в css / js

интересует возможность переопределения скролла. Вообще как, мне нужно чтоб человек плавно перемещался по сайту по якорям, без нажатия кнопок, как обычный скролл, это реализовано на этом сайте, интересует возможность сделать также только б…

03
Июл
2021

Горизонтальная прокрутка по ходу вертикальной прокрутки

При вертикальной прокрутке как только доходим до блока с картинками, страница останавливается с центрированием по вертикали, и начинается горизонтальная прокрутка фотографий, после продолжается вертикальная прокрутка страницы. Проблема зак…

29
Июн
2021

Qt designer проблема со scrollbar, который не хочет нормально отображаться

Я использую pyside2, хотя и в pyqt5 такая же проблема.
Когда я запускаю test.ui в QT Designer, проблема со скролом нет нигде, а когда я запускаю через main.py, то в TextEdit и PlainTextEdit не отображается нормально scrollbar (На картинке …

21
Июн
2021

Как сделать плавный scroll к определённому элементу?

Всем добрый день. Пытаюсь сделать плавный scroll к элементу , использую scrollIntoView с параметром behavior: ‘smooth’ , но всё равно скорость прокрутки для меня высокая. Есть ли возможность как нибудь контролировать время прокрутки. Облаз…

03
Июн
2021

Событие на scroll, когда тот в самом низу страницы, учитывая что контент из-за которого появляется scroll динамический

На сайт в DOM приходят только header и footer, main подгружается из JSON с помощью fetch.
Нужно осуществить подгрузку партии новостей из JSON тем же fetch, когда scroll окажется в самом низу страницы. Логика подгрузки уже готова, но повеси…

03
Июн
2021

Событие на scroll, когда тот в самом низу страницы, учитывая что контент из-за которого появляется scroll динамический

На сайт в DOM приходят только header и footer, main подгружается из JSON с помощью fetch.
Нужно осуществить подгрузку партии новостей из JSON тем же fetch, когда scroll окажется в самом низу страницы. Логика подгрузки уже готова, но повеси…

03
Июн
2021

Событие на scroll, когда тот в самом низу страницы, учитывая что контент из-за которого появляется scroll динамический

На сайт в DOM приходят только header и footer, main подгружается из JSON с помощью fetch.
Нужно осуществить подгрузку партии новостей из JSON тем же fetch, когда scroll окажется в самом низу страницы. Логика подгрузки уже готова, но повеси…

26
Май
2021

Как сделать плавную прокрутку страницы, помогите найти ошибку

Я питаюсь реализовать плавную прокрутку страницы, нашёл в интерненте кучу вариантов, но по какой-то непонятной причине они не работают, вот например скрипт:

$(function() {
$(‘.scroll-to’).bind(‘click’, function(event) {
var…

23
Май
2021

Не работает скрипт Infinite Scroll

Я столкнулся с проблемой при подключении этого плагина (https://infinite-scroll.com/). Пробовал подключить скрипт через CDN, как локально, так и через ссылку указанную автором. Далее автор указывает следующую конструкцию:
<div class=&q…

05
Май
2021

запрет прокрутки сайта вверх, достигнув шапки

суть такова, первый блок фуллскриновый, сделанный через css. далее идёт шапка и контент.
в фуллскрин блоке есть кнопка для прокрутки сайта до шапки. т.е. весь первый блок прокручивается. вручную прокрутка запрещена через body{overflow:hidd…

18
Апр
2021

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

Как узнать, что страница прокручена до самого низа, чтобы выполнить AJAX запрос? Не могу понять логику. Код пишу на чистом JS без использования jQuery. Буду благодарен если разъясните.

По загрузке клиентской страницы выведите имена работн…

16
Апр
2021

Как убрать горизонтальный scroll?

Верстал пробный PSD макет, адаптив работал, но после добавления анимации(анимация при скролле) все сломалось. Появляется горизонтальный scroll, хотя блоки не вылезают за ширину контейнера. Подскажите пожалуйста что делать, как решить эту п…

14
Апр
2021

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

Есть таблица в которой юзер с помощью клавиатуры может влево/вправо/вниз/вверх перемещаться по ячейкам (это все работает), сейчас ячейка перемещается к примеру вправо и таблица скролится, а нужно что бы таблица скролилась только если ячейк…

14
Апр
2021

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

Есть таблица в которой юзер с помощью клавиатуры может влево/вправо/вниз/вверх перемещаться по ячейкам (это все работает), сейчас ячейка перемещается к примеру вправо и таблица скролится, а нужно что бы таблица скролилась только если ячейк…

10
Апр
2021

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

Есть блок на странице который находится в определенном месте. Нужно сделать так, что бы когда пользователь доскролил до него, в блоке началась смена изображений и так же в обратную сторону. Я нашел один код – он работает идеально но на вес…

29
Мар
2021

Горизонтальный скролл на втором экране

При прокрутке страницы, нужно чтобы страница скроллилась вправо на втором экране.
Вот как здесь https://getman.ru/branding/
Это реализовано с помощью какой-то библиотеки или самописный код?
Как можно это реализовать?

11
Мар
2021

Scrolling наложения изображений на чистом CSS

Можно ли, используя только css и html, полностью прокрутить внутренний div (оверлейный красный div) перед прокруткой вниз остальной части страницы?
По сути, интересно, возможна ли прокрутка наложения при замораживании предыдущего div толь…

22
Фев
2021

Не получается убрать скролл с WebView IOS

У меня есть страница на которой есть чат и при его открытии скролл на странице должен убираться, но на WebView в IOS этого не происходит, при том в самом Сафари все окей и скролл убирается.
Реализовано так:
if(window.innerWidth <= 600){…

16
Янв
2021

Как получить текущую высоту прокрутки?

window.pageYOffset и window.scrollY, возвращают 0, скорее всего из-за overflow: hidden, но его убрать я не могу т.к. использую locomotive scroll, может есть способ получить текущую прокрутку относительно элемента, или кто-то работал c loco…

17
Дек
2020

Бесконечный скролл постов с подменой URL, title, description

Как при прокрутке поста, подгрузить следующий (бесконечная лента), при этом, чтобы в обе стороны при скролле менялись title, URL?
Есть ли инструкции или готовые пакеты для реализации? Используется PHP, Laravel.
Для демонстрации работы того…

29
Ноя
2020

Как выполнить функцию один раз при скролле до опредленного блока

Есть лэндинг, при скролле до определенного блока мы меняем hash, НО
функция срабатывает при скроле и хэш меняется даже прис скроле в один пиксель
ВОПРОС: Как сделать так, чтобы это происходило лишь один раз?
let navLinks = document.que…

26
Ноя
2020

Смена класса у блока при скролле в нескольких местах на странице

Есть на странице блок с социалками, который "прилипает" сразу книзу страницы, а при скролле к определенному блоку "отлипает".
Всё ок работает, когда была одна статья, сейчас подгружаются еще и получается нужно, чтобы ра…

26
Ноя
2020

Смена класса у блока при скролле в нескольких местах на странице

Есть на странице блок с социалками, который "прилипает" сразу книзу страницы, а при скролле к определенному блоку "отлипает".
Всё ок работает, когда была одна статья, сейчас подгружаются еще и получается нужно, чтобы ра…

26
Ноя
2020

zoom-in эффект при прокрутке, эффект нужен для div

Ищу zoom-in эффект при прокрутке, аналог
Эффект в секции з заголовком "REFORM CO".
Может кто-нибудь пояснить как это делается?
Планирую использовать рисунок (SVG маска), чтобы был выден нижний div.
Как сделать такой же эффект как…