我决定试试JavaScript库iScroll。我遇到了一些问题。我似乎并没有像往常那样让事情发挥作用。基本设置不是用jQuery编写的,但我认为这应该被称为。
$(document).ready(function () {
var myScroll = new IScroll('#wrapper', {
scrollX: true,
scrollY: false,
scrollbars: true,
mouseWheel: true,
interactiveScrollbars: true,
shrinkScrollbars: 'scale',
fadeScrollbars: true
});
myScroll();
});
document.addEventListener('touchmove', function (e) {
e.preventDefault();
}, false);
文档告诉我这是为代码添加选项的方式,但不知怎的,我无法让滚动条进行渲染。我还想根据滚动的瞬间位置添加div的淡出,即。滚动停止时的位置。这是scrollEnd位置的调用方式,但是如何动态获取位置,即。滚动向左传递-10时如何触发淡出,无论滚动是否已经停止?
myScroll.on('scrollEnd', function () {
if ( this.x < -10 ) {
$('#logo').stop(true,true).fadeOut('fast');
} else {
$('#logo').stop(true,true).fadeIn('fast');
}
});