Jump to content
  • 0

Подскажите по parallax..


Zverushka
 Share

Question

Пытаюсь реализовать параллакс на сайте.

http://zverushka.zz.mu/water2/

Я пыталась объединить прокрутку(мышкой за прокрутку когда тянешь) и параллакс на мышку - ничего не получилось.

Нормально ли выглядит эффект? Если что-то криво и вам не нравится - что посоветуете использовать?

Как лучше реализовать?
Сделала ли я что-нибудь не так? Как бы подтормаживания - это нормально?

 

Может сделать паралакс только на прокрутку? Что-то у меня не выходит написать рукописный код чисто на скроллинг, а из плагинов я найти не могу такого. есть только плагины, которые оперируют fixed заднего фона, а мне нужен плагин, который использует position абсолютного слоя.

Edited by Zverushka
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Как по мне - слишком большой ход. 

Если мышкой водить, то все плавно, но через скролл или тачпад получается дергание конечно же. Без скриптов вполне нормальное поведение, хотя неплохо бы найти более плавное решение.

 

- За бутылкой, в левой части первого ребра кусок грязи. 

- Лепестки все падают под одним углом.

- Из верхних 4-ех получается знатный параллелепипед - как-то совсем не кошерно.

  • Like 1
Link to comment
Share on other sites

  • 0

@advokatua, спасибо, очень дельные замечания. Я даже сама не сообразила, что амплитуда действительно большая.

http://zverushka.zz.mu/water4/

А вот так лучше? Вообще убрала паралакс на мышку и добавила анимацию. Постаралась уменьшить амплитуду.

 

П.С. я вот только не пойму, что вот эти несколько элементных строк кода, для которых даже плагин не нужен, и есть тот самый великий и ужасный параллакс, которого я так боялась  :blink: Блин, где бы найти плагин с таким функционалом, там по идее нужно от родителя еще работать с offset, чтобы корректно было написано, а не тяп ляп, так немного код разростется.

Edited by Zverushka
Link to comment
Share on other sites

  • 0

Да, стало чуть лучше. Капли теперь не воруют столько внимания, сколько они не заслуживают ). 

 

Можно попробовать вернуть и мышь, но ход капель нужно подбирать и подбирать. Смысл в том, что параллакс это лишь украшение. Оно ни в коем случае не должно забирать слишком много внимания пользователя, если только это не ваша основная цель )

  • Like 1
Link to comment
Share on other sites

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy