1

我有点不确定如何正确调用这个插件mousewheel.js

我将它与jscrollplane结合使用来制作自定义滚动条。

我使用以下代码调用 jscrollplane:

<script type="text/javascript"> 
(function ($) {
    $(document).ready(function(){
    $('.scroll-pane').each(
        function()
        {
            $(this).jScrollPane(
                {
                    showArrows: $(this).is('.arrow')
                }
            );
            var api = $(this).data('jsp');
            var throttleTimeout;
            $(window).bind(
                'resize',
                function()
                {
                    if ($.browser.msie) {
                        if (!throttleTimeout) {
                            throttleTimeout = setTimeout(
                                function()
                                {
                                    api.reinitialise();
                                    throttleTimeout = null;
                                },
                                50
                            );
                        }
                    } else {
                        api.reinitialise();
                    }
                }
            );
        }
    )

    })
})(jQuery);
</script>

以下是 mousewheel.js

<script type="text/javascript"> 
    (function ($) {
       $('.scroll-pane')
                    .mousewheel(function(event, delta, deltaX, deltaY) {
                        var o = '';
                        if (delta > 0)
                            o = '.scroll-pane: up ('+delta+')';
                        else if (delta < 0)
                            o = '.scroll-pane: down ('+delta+')';

                        if (deltaX > 0)
                            o = o + ', east ('+deltaX+')';
                        else if (deltaX < 0)
                            o = o + ', west ('+deltaX+')';

                        if (deltaY > 0)
                            o = o + ', north ('+deltaY+')';
                        else if (deltaY < 0)
                            o = o + ', south ('+deltaY+')';

                        if( o != '' )
                            log( o );
                        return false; // prevent default
                    });
})(jQuery);
</script>

jscrollplane 工作正常,只是没有鼠标滚轮。

4

0 回答 0