VPF::Плавная прокрутка при наведении мышкой

kromol

Дата 21.7.2011, 18:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 12.6.2011

Репутация: нет
Всего: нет

Здравствуйте!
Есть скрипт, который делает прокрутку картинок при наведении мышкой.

Код


    $(function(){
        var div = $('div#portfolio'),
        ul = $('div.sc_menu');
        var divWidth = div.width();
        div.css({overflow: 'hidden'});
        var lastLi = ul.find('a:last-child');
        div.mousemove(function(e){
            var ulWidth = lastLi[0].offsetLeft + lastLi.width()+9;
            var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
            div.scrollLeft(left);
        });
    });

Все работает нормально, но при наведении мышки например в последнюю правую картинку прокрутка происходит не плавно, а картинки резко скачут.
И выглядит это не очень красиво.
Можно как-то сделать, чтобы прокрутка происходила плавно.
Пробовал разные плагины - не помогло.
Заранее благодарен

kromol

Дата 25.7.2011, 19:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 12.6.2011

Репутация: нет
Всего: нет

Я наверное плохо объяснил что мне надо сделать.
Надо сделать так как здесь http://amautoall.110mb.com/ .
Такое возможно средствами javascript?

kromol

Дата 30.7.2011, 12:43 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 15
Регистрация: 12.6.2011

Репутация: нет
Всего: нет

Может быть кому пригодится.
Проблему решил с помощью этого плагина
http://www.smoothdivscroll.com/

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »