Вопросы с меткой [scroll]
Прокрутка — непрерывное перемещение контента на экране. Старайтесь использовать более конкретные теги вместо этого. Например, если речь про Android, то лучше использовать тег [android-scrollview],
491
вопрос
0
голосов
1
ответ
27
показов
Ширину блока по размеру содержимого (блок скролится)
Красный блок ограничен. Мне нужно, чтобы он растягивался от содержимого независимо от того, что он скролящийся.
В примере я бы хотел, чтобы зеленые блоки не вылазили за красный. Нужно, чтобы красный ...
1
голос
1
ответ
31
показ
Динамически сгенерированные кнопки в скролле
У меня есть функция для генерации кнопок.
<script type="text/javascript">
function createButtonsInScroll(quantityBtns, whereToInsertNode) {
for (let ...
0
голосов
1
ответ
22
показа
Плавный скролл с requestAnimationFrame (не якоря) vanila JS
Всем привет! Получаю в консоль постоянное обновление с ошибкой. (Пример в коде). Возможно реально использовать его без бесконечного вызова requestAnimationFrame или есть еще какое-то более лаконичное ...
0
голосов
0
ответов
64
показа
Появление хедера после скролла
Нашел такой скрипт, который позволяет хедеру при скролле вниз скрываться, а при скролле вверх появляться. Js я плохо знаю, поэтому прошу помощи тут: как сделать так, чтобы хедер при скролле вверх не ...
0
голосов
0
ответов
18
показов
Как сделать так чтобы после прокрутки страницы останавливалось видео
Помогите.
Как сделать так, чтобы после прокрутки видео ставилось на стоп, либо пропадало?
вот сайт
var video;
window.onload = function() {
video = document.getElementById("zeromp4video");...
0
голосов
1
ответ
21
показ
Добрый день, можно ли использовать addEventListener во Vue?, просто нужно подписаться на скролл, пока не знаю как если без addEventListener?
можно ли использовать addEventListener во Vue?, просто нужно подписаться на скролл, пока не знаю как если без addEventListener?
0
голосов
1
ответ
13
показов
При переполнении контента блока прокручивать переполненный блок, а не всю страницу
Есть страница, содержащая в себе контейнер из трех блоков. Первый блок состоит из трех частей, первая и третья части неизменны по содержимому.
При расширении содержимого блоков контейнера появляется ...
0
голосов
0
ответов
13
показов
InfiniteScroll Как прятать элементы которые не входят в Visible view
Использую infinite scroll на своём сайте https://www.npmjs.com/package/ngx-infinite-scroll
<div
class="timetables__main-list main-list"
infiniteScroll
[...
0
голосов
0
ответов
10
показов
React анимация при появлении в рамках viewport
Сейчас в тренде обилие анимации в приложениях, в частности, меня интересует момент прокрутки страницы. Подскажите самый оптимизированно-правильный способ отследить появление блока или компонента во ...
1
голос
1
ответ
32
показа
Есть такой JS(для анимации скролла), подскажите пожалуйста где нужно поменять классы, что б он работал?
Есть такой JS(для анимации скролла), подскажите пожалуйста куда нужно подставлять свои классы?
$(".learn-more").on("click", "a", function(event) {
event.preventDefault()...
-1
голос
1
ответ
33
показа
нужно сделать что б при клике на ссылку, скролилась страница до определённого места
При клики на эту ссылку...
<a href="#" class="one" id="one">01</a>
Должно скролится сюда
<article class="article" id="one">
Есть ...
0
голосов
0
ответов
31
показ
Как прокрутить страницу на определённое количество пикселей без анимации
Собственно, я пишу пет проект, мессенджер на React и node js, и при поподании на страницу я получаю из бд ограниченное количество записей(18), а когда пользователь докручивает до верха страницы(по ...
0
голосов
1
ответ
24
показа
OnScrollChange событие
В JS есть event listener scroll .addEventListener('scroll', function(){}) Оно работает пока страница скроллится, есть ли событие как с инпутом к примеру onchange, то есть после того, как скролл ...
0
голосов
0
ответов
14
показов
Как поменять количество пикселей, на которое проскроливается страница?
У меня есть div блок c overflow-y: scroll;
Можно ли изменить дефолтное количество пикселей, на которое скроллится страница при крутке колесиком мыши? Странный вопрос, но всё же, вдруг это можно как-то ...
0
голосов
1
ответ
52
показа
wpf listbox автоматический скролл вниз
У меня есть ListBox, я добавляю в него элементы, но с появлением скролла ListBox не опускается вниз, к добавляемому элементу, а отображает первые элементы; как сделать чтобы при добавлении элемента в ...
-2
голоса
1
ответ
150
показов
Плавная прокрутка react [закрыт]
Есть ли статья или готовое решения, для реализации плавной прокрутки пользователем на react ?
Различные npm : react-smooth-scroll или react-smooth-scrollbar - не очень подходят, но результат, который ...
2
голоса
1
ответ
27
показов
Как убрать лишнею надпись?
Нашел код для медленного скролла ( ScrollMagic ), начал его разбирать и заметил, что на экране появляется надпись - trigger 1. Как её можно убрать ?
код - тут
Возможно в самой сцене надо что-то ...
0
голосов
1
ответ
15
показов
Как сделать горизонтальный скрол блока при мобильной версии (использую бутсрап 5.1). т.е что бы можно было скролить
<section class="section-box">
<div class="container">
<div class="accordion" id="accordionPanelsStayOpenExample">
<...
0
голосов
0
ответов
11
показов
React Native scrollView virtual keyboard скривает контент под TextInput
ScrollView отрабативает на фокус поля PASSWORD, но я хочу показать не только поле, но и некоторий контент под ним. Как ето реализовать?
const AuthCreateAccount = () => {
const allStyles = ...
0
голосов
0
ответов
9
показов
Как на Angular сделать отрисовку компонента при скролле?
У меня есть страница, где много компонентов. Я хотел бы разгрузить работу с DOM и отрисовать сперва только верхние компоненты и при скролле отрисовывать следующие.
Как это удобно сделать?
Какое ...
0
голосов
0
ответов
25
показов
Как в angular сделать анимацию при скролле до определённого элемента?
Как можно на ангуляре без костылей проиграть анимацию при скролле к элементу?
Как это будет срабатывать - многократно каждый раз, если вернуться опять или один раз?
Какое будет поведение, если ...
0
голосов
0
ответов
26
показов
CSS + JS. Если поменять свойство overflow с hidden на scroll на элементе в рантайме, то чтобы сделать скролл, мне нужно будет переместить мышь
Опишу пример: у меня есть список, который должен начать скроллиться после того, как я прокручу своё колёсико мыши 5 раз. Для этого я сделал счётчик, который начинает увеличиваться, когда срабатывает ...
0
голосов
0
ответов
147
показов
Горизонтальный скролл по клику на элемент на чистом React.js
Нужно реализовать возможность, при клике на элемент, скролл прокручивался на элемент по которому кликнули, но нужно это сделать без пакетов и библиотек. Не могу понять как реализовать именно ...
1
голос
1
ответ
60
показов
Как программно прокрутить скролл определённого элемента?
Я хочу проекте angular прокрутить скролл в определённом элементе.
Как это сделать средствами ангуляра либо просто на js ?
window.scrollTo не подходит, так как это один из вложенных элементов.
2
голоса
1
ответ
133
показа
Как сделать бесконечный скролл, с автоматической подстановкой начальных элементов скролла в конец
Есть список с элементами от 1 до 10. Этот список скроллится вниз. Нужно чтобы при достижении конца скролла, а именно элемента 10, список не заканчивался, а после 10 элемента добавлялся опять элемент 1,...
0
голосов
0
ответов
15
показов
Как программно проскролить страницу в fancybox (3.5.7)
Суть проблемы
я открываю iframe в fancybox
$(".fancybox").fancybox({
'hideOnOverlayClick': false,
'padding': '0',
'type': 'iframe',
});
в открывшемся окне я бы хотел при ...
0
голосов
2
ответа
24
показа
Фиксированная шапка в таблице
У меня есть таблица с фиксированным заголовком,которая находится в блоке.При скорлле эта шапка выходит заграницы блока. У меня нет идей как этого избежать. Буду рад любым советам
Вот мой html
&...
-1
голос
1
ответ
57
показов
Автоматический слайдер как реализовать? [закрыт]
Ребят наткнулся на код, но нужна помощь в реализации. Хотелось бы чтобы изображения менялись не при скролле, а автоматически
$(document).ready(function() {
var curPage = 1;
var numOfPages = $(...
0
голосов
0
ответов
31
показ
RecycleView для корпоративного мессенджера
Пишу корпоративный мессенджер по типу WhatApp'а, вернее клиентскую его часть на Android..
Для отображении сообщений в чате использую стандартный RecycleView, но с разными типами ViewHolder, так как ...
1
голос
0
ответов
74
показа
сколлинг обновляемого div с помощью selenium
Подскажите как можно решить следующую проблему:
есть контейнер (div) в котором отображается N элементов (других div), у контейнера есть scroll (поскольку суммарный размер дочерних элементов больше ...
0
голосов
1
ответ
49
показов
Ползунок прокрутки при overflow scroll. Возможность переместиться по блоку
У меня есть блок в блоке и мне нужно добиться, чтобы у блока second_div снизу появилась полоса прокрутки. А также у этих полос прокрутки появились ползунки, и я мог переместиться в любое место в этом ...
0
голосов
0
ответов
117
показов
Горизонтальный скролл колесиком
Помогите пожалуйста сделать горизонтальный скролл колесиком мышки, чтобы при наведении мышкой на блок, где присутствует скролл по горизонтали - становился активным, и можно было бы скроллить чисто ...
0
голосов
0
ответов
32
показа
Как добавить скролл в свой код не поломав его
package бот;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.*;
public class бот {
public static void main(String[] args) {
// TODO Auto-...
0
голосов
1
ответ
87
показов
Как отключить скролл страницы при клике на пробел
Хочу убрать скролл страницы при нажатии на пробел. Пробовал preventDefault() - не сработал.
Далее захотел исправить это так:
window.addEventListener('keydown', e => {
if (e.keyCode === 32) {
...
1
голос
2
ответа
123
показа
Тормозит плавный скролл js на телефоне
Мне нужно сделать плавный скролл. scroll-behavior: smooth; и window.scrollTo({ top: to, behavior: "smooth" }); - не подходит т.к. не поддерживается в Safari. Делал по такой схеме:
Получаю ...
2
голоса
1
ответ
109
показов
Как сделать замену картинок предмета при скролле, что бы создавался эффект вращения предмета
Как можно реализовать эффект, как в этом примере https://takeboost.com/ , что бы по скроллу у элемента менялись изображения и создавался эффект вращения предмета при пролистывании страницы.
У меня ...
1
голос
1
ответ
35
показов
Как изменить свойство text-color, когда текст находится над элементом?
Я хочу изменить цвет текста, когда он находится над круговым элементом HTML, который прикреплен к окну. Я пробовал использовать mix-blend-mode: difference; но не нашел способа заставить его работать. ...
1
голос
1
ответ
47
показов
Как называется эффект?
Хочу для портфолио, на карточках со своими сайтами сделать эффект, когда наводишь на карточку то сайт внутри карточки начинает скролиться вниз, подскажите как это загуглить, как этот эффект называется,...
0
голосов
0
ответов
22
показа
Не работает скроллинг в структуре ListView/Expander/ListView
Имеется фильтр состоящий из ListView в котором много Expander'ов. Внутри некоторых из них тоже есть ListView в которые выводятся коллекции через привязку. Проблема в том, что при наведении курсора на ...
0
голосов
0
ответов
14
показов
КАК РЕАЛИЗОВАТЬ ЯКОРЬ ПРИ ГОРИЗОНТАЛЬНОЙ ПРОКРУТКЕ С ИСПОЛЬЗОВАНИЕМ skrollr.js
<script type="text/javascript">
var s = skrollr.init();s
</script>
.container-block{
position: fixed;
top: 0;
left: 0;
width: 100%;
display: flex;
height: 100%;...
0
голосов
1
ответ
25
показов
Не полностью прокручивающийся скроллбар
С вопросом Неправильная ширина скроллбара на странице справился. Теперь возник вопрос почему скроллбар не полностью прокручивается. Есть код
.CatalogMenuLeft {
width: 25%;
}
.CatalogMenuRight ...
0
голосов
0
ответов
28
показов
Неправильная ширина скроллбара на странице
Есть код
.contentdropdownwindow {
display: flex;
/*justify-content: center;*/
}
.CatalogMenuLeft {
width: 25%;
/*margin-left: auto;
margin-right: auto;*/
}
.catalogheader {
...
0
голосов
1
ответ
32
показа
Скроллбар для левого бокового меню (не помещающегося по высоте)
Есть элемент html страницы https://www.citilink.ru/
левое боковое меню, которое по высоте не помещается на странице. Каким образом можно реализовать скроллбар для него?
.CatalogMenuLeft {
...
0
голосов
0
ответов
47
показов
Прокрутка как у будильника на iphone
Подскажите, как сделать прокрутку как в будильнике на iphone старых. Может есть какие-то плагины на jQuery. Даже не знаю как правильно этот скролл назвать, чтоб что-то найти. Спасибо
0
голосов
0
ответов
17
показов
Как заставить текст медленно появляться при скролле
котаны!
начала верстать простой-сайт визитку. Хочу добавить эффект, чтобы при скролле вниз текст медленно появлялся. Как можно это сделать?
Вот мой код
HTML
<!DOCTYPE html>
<html>
<...
0
голосов
2
ответа
39
показов
Почему некорректно определяется offset().top и скролл отрабатывает не до нужной позиции?
Есть 3 блока и верхнее меню навигации, каждый пункт из которых ведёт к началу соответствующего блока.
Внутри 2го блока есть тоже ссылка link3, которая в свою очередь ведёт к 3ему блоку, но по какой-то ...
0
голосов
1
ответ
43
показа
Определить ID элемента, который в поле зрения (JS, jQuery)
есть ли решение на JS или jQuery, которое определяет id элементов в поле зрения в обратно прокручиваемом блоке?
К примеру
<div class="group-container">
<div id ="cell-1&...
0
голосов
0
ответов
23
показа
Скрытие View при скролле RecyclerView
Есть несколько вьюх, которые прикреплены к родительскому элементу. Под ними находится нижний RecyclerView, прикрепленный к ним и к низу родитеского элемента.
Необходимо плавно свернуть эти вьюхи и ...
0
голосов
1
ответ
54
показа
Чем заменить getBoundingClientRect на iPhone Mobile Safari?
Есть блок с текстом и кнопка, которая ведёт наверх экрана и которая появляется по мере прокручивания текста вниз.
Везде отрабатывает хорошо за исключением iphone в браузере safari (кнопка не ...
1
голос
1
ответ
28
показов
Запрет на прокрутку Text Tkinter
Мне нужно каким либо способом убрать возможность прокручивать содержимое виджета Text колесом мыши по вертикали, параметр state=DISABLED никак не влияет на скролл, как можно заблокировать прокрутку?