parallax.js: возникли проблемы с атрибутами данных - PullRequest
0 голосов
/ 11 сентября 2018

люблю эту маленькую библиотеку. Однако я не могу заставить атрибуты данных работать вообще. Я попытался установить скорость на 0 для статического и попытался отключить на мобильном телефоне (который я считаю, что это по умолчанию) без какого-либо успеха. Я не уверен, в чем проблема.

код выглядит следующим образом:

HTML:

<div class="parallax-window vanity-banner-container" data-speed="0.0" data-parallax="scroll" data-image-src="https://cdn.shopify.com/s/files/1/0016/3387/8103/files/vanityGlamBG.jpg?2591707482400048148">
<div class="parallax-content-container">
<img class="van-glam" src="https://cdn.shopify.com/s/files/1/0016/3387/8103/files/VanGlam.png?16888294906577413236"><span class="tm">&trade;</span>
<div class="van-content">Here's some stuff that I want to display as some content</div>
<div class="van-shopBtn">SHOP</div>
</div>

CSS:

.parallax-window{
height:500px; 
background:transparent;
margin-top:3%;
}
.parallax-mirror{
z-index:100!important;
}

Параллакс работает нормально и прокручивает страницу, но я хочу внедрить это в свой веб-сайт работодателя, и я хотел бы иметь возможность позже поработать с атрибутами, когда могут возникнуть изменения. Например, прямо сейчас, прокрутка все еще активна, хотя в приведенном выше тексте у меня атрибут скорости передачи данных установлен на «0.0»:

<div class="parallax-window vanity-banner-container" data-speed="0.0" data-parallax="scroll" data-image-src="https://cdn.shopify.com/s/files/1/0016/3387/8103/files/vanityGlamBG.jpg?2591707482400048148">

Есть что-то, что я пропускаю? Я знаю, что другие атрибуты работают, потому что мое изображение не будет отображаться и прокручивать страницу, если бы это было так. Любая помощь будет оценена. Спасибо,

...