Firefox 不加载脚本

Question

我正在使用平滑滚动条（https://github.com/idiotWu/smooth-scrollbar/blob/develop/dist/smooth-scrollbar.js）并实现了这一点。在 Chrome 上它可以正常工作。Firefox 显示“SyntaxError: bad method definition 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 75（2020 年 4 月 8 日发布）起现在支持静态类字段

原答案

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

检查caniuse.com

原因：

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

来源：MDN