Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.03.2012, 03:08
Новичок на форуме
Отправить личное сообщение для escapade Посмотреть профиль Найти все сообщения от escapade
 
Регистрация: 01.03.2012
Сообщений: 5

горизонтальная прокрутка
блин не могу понять почему на следующую страницу норм прокручивает а дальше все стоит и вообще не двигается?
var startX;
var oldX;
function mouseDown(e){
    startX = e.pageX;
    var container = document.getElementById('content');
    oldX = container.offsetLeft;
    container.addEventListener('mousemove',mouseMove,false);
    e.preventDefault();
}
function mouseUp(e){
    targetX = e.pageX;
    var container = document.getElementById('content');
    container.removeEventListener('mousemove',mouseMove,false);
}

function mouseMove(e){
    var scroll = e.pageX;
    var scrollDistance = scroll - startX;
    document.getElementById('header').innerHTML=scroll+':'+ scrollDistance;

    scrolling(scrollDistance);
}

function scrolling(scrollDistance){
    var w = getClientWidth();
    var container = document.getElementById('content');
    console.log(startX);
    var distance = oldX + scrollDistance;
    //container.style.left = (oldX + scrollDistance)+"px";
    container.setAttribute('style', '-webkit-transform:translate('+(distance)+'px,0);' +
            '-webkit-transition:all 0s ease-in;left:'+(distance)+'px');
    if(distance<-150){
        goToPage(distance);
    }

}

function goToPage(distance){
    var container = document.getElementById('content');
    var w = getClientWidth();
    container.setAttribute('style','-webkit-transition:all 1s ease-in;');
    container.style.left = (-w)+"px";
    return;
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Тач горизонтальная прокрутка блока Vladimir_Kl jQuery 2 23.02.2012 15:37
Горизонтальная прокрутка daMage (X)HTML/CSS 6 12.02.2012 15:28
Прокрутка баннеров по времени TTongorovortoto Работа 3 22.04.2011 13:35
горизонтальная прокрутка блока dmitrio Элементы интерфейса 5 15.10.2010 23:41
Горизонтальная прокрутка в gridPanel mwnuke ExtJS 2 09.11.2009 19:25