@Kaylle

Не работает parallax эффект. Где ошибка?

Хочу сделать фон-parallax. Для этого использовала этот плагин - Simple Parallax Scrolling, но эффект не отображается.

Вот html код:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script scr="js/parallax.min.js"></script>

	<section class="parallax-window" data-parallax="scroll" data-image-src="./images/1.jpg">
	    <div class="title">
		<h1>i<font color="#b41230">'</font>m text</h1>
	    </div>
	</section>

css:
section {
	height: 100vh;
	background-color: #666;
	position: relative;
}

.title {
    display: inline-block;
    line-height: 0.6em;
    text-align: left;
    text-transform: uppercase;
    position: absolute;
    height: 100px;
    width: 416px;
    margin-left: -208px;
    margin-top: -50px;
    top: 50%;
    left: 50%
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}
  • Вопрос задан
  • 1322 просмотра
Пригласить эксперта
Ответы на вопрос 1
densisss
@densisss
Веб-разработчик.
Проверьте, достоверны ли пути к файлам(например jquery вы берете с серверов гугла, а сама либа должна обязательно быть у вас в папке js), посмотрите в консоль на наличие ошибок, если все нормально то попробуйте инициализацию через js в $(document).ready(...);, а не через data атрибуты.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы