-
Similar Content
-
By TrueGavr
есть такой параллакс, никак не могу добиться того, чтобы он был по всей области экрана вне зависимости от того какой масштаб страницы или это 35% или 150%
нужно чтобы он всегда оставался одного размера
P.S с простым фоном сделать это легко, надеюсь и здесь решение под поверхностью.
<!DOCTYPE html> <html lang="en" class="no-js demo5"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="shortcut icon" href="../file/favicon.gif"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <link rel="stylesheet" type="text/css" href="css/default.css" /> <script type="text/javascript" src="js/jquery.interactive_bg.js"></script> <!-- Edit Below --> <link rel="stylesheet" type="text/css" href="css/style.css" /> <body> <div class="container bg" data-ibg-bg="bg.jpg"> <div class="container bg" </div> <script type="text/javascript"> $(".bg").interactive_bg(); $(".bg").interactive_bg({ strength: 38, scale: 1.05, animationSpeed: "150ms", contain: false, wrapContent: falce, }); </script> </div><!-- Container --> </body> </html>
-
By woodoo
Приветствую! Подскажите, пожалуйста при посадке на хостинг в хэдере не отображается картинка параллакса, хотя на локалке все работает.
<header class="main-head bg-dark parallax-window" data-parallax="scroll" data-image-src="<?php echo get_template_directory_uri(); ?>/img/bg.jpg" data-z-index="1"> пробовал также stylesheet подставлять в get_. Может, нужно для параллакса что-то еще дописать? (в консоли 404 на картанку пишет)
-
By ITMOfan
_http://labitex.com/ При пролистывании сайта шапка скрывается за блоком снизу. Как добиться такого эффекта?
-
By AlexxD
Всем привет!
Срочно ищем в офис в Москве на полную ставку отвязного frontend-разработчика с навыками джедая. Полное описание вакансии здесь: https://moikrug.ru/vacancies/1000021706
Пишите на почту из текста вакансии или мне в личку.
-
By jdk
Добрый день.
С простом параллакс эффектом разобрался на этом примере. Перемещение объектов при скроле тоже более-менее разобрал (на статичном фоне). Хочу сделать что бы при прокручивании в слое с параллаксом изображения (именно в этом слое) тоже перемещались. Подскажите пожалуйста где можно посмотреть материал, желательно для самых начинающих. Нашёл пару примеров, но для меня пока слишком мудрёно. Хочу что бы на выходе получилось что то вроде этого.
-
Question
stmaxvl
Реализация скроллинга с параллакс эффектом вызвала у меня ряд вопросов. Как оказалось – он адекватно работает только в firefox. Смотрел множество сайтов, везде есть рывки при прокрутке. В ИЕ хуже всего – кроме рывков – дерганье.
Отсюда вопрос: возможна ли кроссбраузерная реализация (плавная горизонтальная прокрутка без рывков и дерганий)?
Пример задачи: http://addevelop.ru/...t/View-new.html
Буду рад советам и примерам реализации плавности. Описывайте свой опыт реализации подобных задач.
Edited by stmaxvlLink to comment
Share on other sites
13 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.