Публикации по теме 'parallax'


Vanilla JS Parallax без раздувания
Создавая что-то в Red Antler, мы, как правило, придерживаемся принципа «меньше значит больше». Я большой поклонник Vanilla JS и еще больший поклонник того, чтобы CSS выполнял как можно больше тяжелой работы. Поэтому, подходя к ситуациям с параллаксом, я всегда стараюсь использовать самый простой подход с точки зрения «что нам действительно нужно делать?» Раньше я был поклонником таких вещей, как skrollr, но не видел необходимости добавлять всю библиотеку. Я нашел несколько ванильных..

Вопросы по теме 'parallax'

Параллакс тема wordpress. Как я могу динамически получать идентификаторы страниц для отображения собственных подменю?
Я создаю тему WordPress с функциями параллакса и html5, на главной странице есть все основные страницы и два разных вида навигации. Основная — это навигация по родительским страницам. Итак, у меня есть «О программе», «Проекты» и «Контакты». Но...
1176 просмотров

Переместите фоновое изображение вдоль пути при прокрутке
Это мой первый пост, и я извиняюсь, если не совсем правильно выразился. По сути, я пытаюсь добиться того же или похожего эффекта, который был блестяще использован на веб-сайте фильма Red Bull Art of Flight: http://artofflightmovie.com/ то...
6680 просмотров
schedule 08.05.2022

Эффект параллакса на основе положения изображения
Я все еще работаю над веб-сайтом Parallax для клиента, основанного на трех уровнях. Я столкнулся с проблемой, из-за которой я не могу добавить третий верхний уровень. Сам сайт имеет полноэкранный фон, который прокручивается с одной скоростью. Это...
937 просмотров
schedule 09.12.2022

Резкий параллакс в IE7-8
Я представил базовый эффект параллакса на сайте, который я разрабатываю. Он без проблем работает в Chrome, Firefox и IE9; но это действительно рывками в IE7 и IE8. Я просматривал гораздо более сложные сайты и не вижу ничего похожего на то, что я...
5968 просмотров
schedule 23.01.2024

Прокрутка фона cocos2d box2d
Я разрабатываю iPhone-игру с бесконечной горизонтальной прокруткой, используя cocos2d и box2d. Мой герой должен перепрыгивать препятствия (кинематические тела box2d), которые добавляются на тот же слой, что и мой герой-спрайт. Моя проблема...
676 просмотров

Параллакс Несколько фонов CSS
Я видел много решений для параллаксирования многослойных разделов или разделов с фоновыми изображениями... Я надеялся, что у кого-то есть решение или знание существующего плагина для параллакса div/раздела с несколькими фонами CSS, например:...
6716 просмотров
schedule 04.05.2023

Как реализовать фон параллакса в сгруппированном GridView внутри семантического масштабирования
Я пытаюсь реализовать красивую сетку с горизонтальной прокруткой внутри своего приложения. Я уже реализовал его с помощью библиотеки Q42.WinRT , как показано ниже. : <Canvas> <StackPanel Orientation="Horizontal"...
594 просмотров
schedule 16.07.2022

Проблема с размером фона в IE8
В настоящее время я создаю сайт параллакса, он работает во всех браузерах, кроме IE8, из-за использования размера фона. Я пробовал фильтры ms, просто интересно, есть ли у кого-нибудь еще решение. section { width: 100%; position: relative;...
1678 просмотров
schedule 25.02.2023

элемент с scrollLeft прокручивается быстрее, чем остальная часть документа
У меня есть элемент с фиксированной позицией, но с возможностью прокрутки влево и вправо с помощью расчета jQuery, который я использовал из этого примера на JsFiddle. $(window).scroll(function(event) { var x = 0 - $(this).scrollLeft(); var y =...
389 просмотров
schedule 06.01.2024

position: исправлена ​​остановка навигации в конце определенного div - прокрутка параллакса и javascript
У меня есть вертикально ориентированная вертикальная панель навигации, которую я хотел бы остановить в конце #contact . Ему нужно будет снова возобновить прокрутку, если пользователь прокручивает назад. Каков наилучший способ добиться этого?...
5156 просмотров
schedule 12.06.2024

Фиксированная панель меню для веб-сайта
Хорошо, я создавал себе веб-сайт с прокруткой параллакса и не могу понять, как сделать фиксированную строку меню. Я хочу, чтобы строка меню отображалась на 2/3 раздела вниз по веб-сайту, и когда пользователь прокручивает эту страницу, я хочу, чтобы...
5888 просмотров
schedule 30.06.2022

Эффект параллакса Android и просмотр пейджера
Я пытаюсь добиться эффекта параллакса в своем приложении. У меня есть FragmentActivity , который реализует интерфейс OnPageChangeListener и прослушивает мои ViewPager события прокрутки. Для достижения этого эффекта в моем XML у меня есть...
15428 просмотров
schedule 08.02.2023

Adobe Edge - получить значение положения прокрутки
Я пытаюсь что-то закодировать в Adobe Edge. В настоящее время я могу получить положение мыши и управлять временной шкалой с помощью значения x. mousemove: this.onMove(posX, posY); compositionready: this.onMove=function(posX, posY){...
1850 просмотров

Странная ошибка !doctype с плагином параллакса 'skrollr'
Итак, за последние два дня это причиняло мне много боли и горя, и я, наконец, сузил проблему, но никоим образом не близок к ее решению. Я создаю веб-сайт с параллаксом, используя плагин Skrollr . Плагин перестанет работать в моем документе, как...
589 просмотров
schedule 23.02.2024

динамическое создание элементов Skrollr, прокрутка не работает
Я жестко запрограммировал демо-страницу Skrollr, и она отлично работала. Жесткое кодирование тегов данных утомительно, поэтому я решил динамически создавать img div. Но теперь я не могу заставить его работать! Мне нужна еще одна пара глаз, чтобы...
1790 просмотров
schedule 24.09.2023

гладкая, а не только параллаксная прокрутка в бутстрапе
Думаю, я понял, как реализовать прокрутку параллакса с помощью начальной загрузки с помощью http://mode87.com/untame/demo/parallax/ , но я не могу понять, как сделать плавную прокрутку в бутстрапе, как это делается в SMINT:...
4207 просмотров

Как получить смещение движения параллакса, аналогичное домашнему экрану iOS 7 с поддержкой iOS 6?
Я прочитал здесь , что iOS 7 предлагает простой способ получить смещения параллакса движения. Но это также показывает, что вы должны применить его к UIView. Мне это нужно для чего-то другого (алгоритм рисования). Что бы вы сделали, чтобы...
512 просмотров
schedule 13.11.2023

Skrollr — Вопросы относительно атрибутов данных при приостановке прокрутки
В примере pausing.html для skrollr на github есть код, который вообще не объясняется в документации. Например: <div data-0="transform:translate(0,100%);" data-100p="transform:translate(0,0%)" data-_box-100p=""...
3390 просмотров
schedule 15.10.2022

Javascript - плавная прокрутка параллакса с помощью колесика мыши
У меня есть страница, на которой я применяю эффект параллакса. Это достигается с помощью translate3d. Теперь, хотя это работает хорошо, мне интересно, как я могу переопределить «шаги» по умолчанию при прокрутке колесиком мыши? Если я прокручиваю...
44046 просмотров

Создать пользовательскую функцию события прокрутки, а затем повернуть назад при прокрутке вверх?
Мне нужно вызвать событие, когда я прокручиваю определенное расстояние вниз по странице, а затем отменяю событие, когда я прокручиваю назад после исходного события прокрутки. Вот что я сейчас пробовал. Это вызывает событие, когда я прокручиваю...
817 просмотров
schedule 10.01.2024