Javascript 如何运行iScroll插件

Javascript 如何运行iScroll插件,javascript,jquery,Javascript,Jquery,我决定尝试一下JavaScript库iScroll。不过我遇到了一些问题。我只是觉得事情并没有按计划进行。编写基本设置时没有考虑jQuery,但我认为应该这样调用它 $(document).ready(function () { var myScroll = new IScroll('#wrapper', { scrollX: true, scrollY: false, scrollbars: t

我决定尝试一下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');
        }
    });

可以添加一个JSFIDLE来隔离问题吗?为什么要使用myScroll;?附加文档。addEventListener'touchmove'可以是$document。关于'touchmove',这是我的。不幸的是,我的示例似乎根本不起作用-也许您可以指出修复错误的方向,防止运行,但也可以指导我解决问题?我的印象是var myScroll=new IScroll'wrapper',{options};仅在此实例中声明一个新对象?或者该行同时声明IScroll对象myScroll并调用该对象的执行吗?