2015-08-03 4 views
0

Похож, что началось правильно iscroll. Я придаю обратный вызов scrollEnd события и то, что я получаю на каждой вертикальной попытке прокрутки являетсяiScroll 5 всегда имеет значение. 0

this.x: 0 
this.y: 0 
thisdirectionX: 0 
thisdirectionY: 0 

Для тестирования я установил this.scroller.scrollTo(0,300);, чтобы увидеть, если скрипт работает правильно, и это делает. Как только я попытаюсь прокрутить дальше, скроллер вернется в исходное положение, и это делается с плавным эффектом.

Я использую браузер для загрузки модулей в приложении backbone.js.

var Iscroll = require('iscroll'); 

//for testing purposes to ensure that the scroller is loaded when the DOM is ready I do the following: 

     setTimeout(function(){ 
      this.scroller = new Iscroll('#scroller', { 
       scrollX: false, 
       scrollY: true, 
       click:true, // open click event 
       scrollbars: false, 
       useTransform: true, 
       useTransition: true, 
       probeType:3, 
       mouseWheel:true, 
       bindToWrapper: true 
      }); 

      this.scroller.scrollTo(0,300); 

      this.scroller.on('scrollEnd', function() { 
       console.log('x: ' + this.x); 
       console.log('y: ' + this.y); 
       console.log('d.x: ' + this.directionX); 
       console.log('d.y: ' + this.directionY); 
       console.log('scroll end'); 
      }); 
      document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); 
     }, 3000); 

После того, как я пытаюсь прокрутить Я всегда огонь 'touchstart' событие и когда профиль сценарий iscroll, this.x и this.y всегда 0.

HTML, является сложным, но я также испытываться без него и я даже отключил css-файлы, но безрезультатно.

<div id="scroller"> 
<ul class="c-list" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);"> 
<li>...</li> 
<li>...</li> 
<li>...</li> 
... 
</ul> 
</div> 

У кого-нибудь есть идеи?

ответ

0

В моем случае проблема была решена путем добавления position: absolute и height: 100% к элементу обертки

Смежные вопросы