Question

我正在使用平滑滚动条（https://github.com/idiotWu/smooth-scrollbar/blob/develop/dist/smooth-scrollbar.js）并实现了此功能。在Chrome上可以正常运行。 Firefox说“ SyntaxError：错误的方法定义main.js 5：8”，我做错了什么？完全卡住

实时示例：https://saraleszczynska.pl

代码（main.js）

var Scrollbar = window.Scrollbar;



class HorizontalScrollPlugin extends Scrollbar.ScrollbarPlugin
{
    static ScrollbarPluginginName = 'horizontalScroll';

    transformDelta( delta, fromEvent )
    {
        if ( !/wheel/.test( fromEvent.type ) )
            return delta;

        const { x, y } = delta;

        return {
            y: 0,
            x: Math.abs( x ) > Math.abs( y ) ? x : y,
        };
    }
}



Scrollbar.use( HorizontalScrollPlugin );

( function ( $ )
{
    var scroll = Scrollbar.init( document.querySelector( '#gallery' ), {
        alwaysShowTracks: true,
    } );

    scroll.track.yAxis.element.remove();

    $( '.goto' ).on( 'click touchstart', function ( e )
    {
        e.preventDefault();

        $( 'html, body' ).animate( {
            scrollTop: $( this.hash ).offset().top,
        }, 800 );
    } );

Answer 1

那是因为Firefox还不支持静态类字段。

选中caniuse.com

原因：

公共和私有字段声明是JavaScript标准委员会TC39提出的实验性功能（第3阶段）。浏览器中的支持是有限的，但是可以通过构建步骤使用Babel等系统的功能。请参阅下面的兼容性信息。

来源：MDN

Firefox不会加载脚本

1 个答案: