Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Плавная прокрутка при наведении мышкой

Автор: kromol 21.7.2011, 18:42

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

Код


    $(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

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

Автор: kromol 30.7.2011, 12:43

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