Я пытаюсь создать временную шкалу начальной загрузки, где эффект параллакса применяется к контенту только с выбранной временной шкалой, содержимое перемещается с эффектом параллакса.Прокрутка эффекта параллакса для фиксированной временной шкалы
Заранее спасибо.
Вам необходимо создать 2 divs. Первым будет ваш параллакс, второй - весь ваш контент. Для того любой идентификатор (например, параллакса) и дать следующий
#parallax { position: fixed; z-index: -1; width: 100%; height: 100%; padding-left: 0; padding-right: 0; background-image: url('background-picture.jpg'); background-size: cover; }
вы получите влиять как этот https://alexk89.github.io/Portfolio-page/
Можете ли вы пояснить. Мне трудно понять, что вы здесь говорите. – codeepic
в html-файле вам нужно создать пустой div
в css-файле, который вам нужен после кода, который я написал выше. После этого, bellow '' создайте новый div, где вы будете содержать весь свой контент. –@codeepic Хотите создать временную шкалу что-то вроде http://bootsnipp.com/snippets/featured/two-column-timeline-not-responsive, но на странице загрузки отображается только одна временная шкала (скажем первый элемент), а при прокрутке следующие временные рамки должны быть видимый (эффект Parallax), где временная шкала будет статической. –
вы пытались что-нибудь? пожалуйста, укажите свой код здесь –
да, если вы предоставите свой код, я могу легко понять задачу –
Naila, Hari, ссылка на хронику http://bootsnipp.com/snippets/featured/timeline-responsive –