如何运行iScroll插件

时间:2014-10-27 14:45:36

标签: javascript jquery

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

0 个答案:

没有答案