iskros
@iskros
Руководитель проектов

Как можно улучшить jQuery Scroll effects?

Как предложите улучшить?

<div id="bl">    
    <img src="images/brin.png" id="f">   
    <img src="images/girl.png" id="s">   
    <img src="images/my.png" id="t">   
  </div>


$(document).scroll(function() {
    if( $(this).scrollTop() > 50 ) {                
      $( "#s" ).animate({ "margin-left": "-350px" }, 300 );
      $( "#f" ).animate({ "margin-left": "350px" }, 300 );
    }
});


#bl img {
    width: 300px;
    position: absolute;
  }


Пытался сделать, что-то похожее на badoo.com
  • Вопрос задан
  • 2989 просмотров
Решения вопроса 2
street
@street
Backend developer
А почему бы не реализовать подобную задачу средствами CSS3 (как по мне, такая анимация более плавная)? Или интересует поддержка и в старых браузерах?
Ответ написан
shiza36
@shiza36
.move-right { /** Движение вправо на 350px с помощью CSS3 **/
transform: translate(350px,0);
-webkit-transform: translate(350px,0); /** Chrome & Safari **/
-o-transform: translate(350px,0); /** Opera **/
-moz-transform: translate(350px,0); /** Firefox **/
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
aen
@aen
Keep calm and 'use strict';
Я бы все-таки менял не margin-left, а left, тем более, что у вас картинки все равно position: absolute;.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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