Похож, что началось правильно 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>
У кого-нибудь есть идеи?