Html Firefox上的水平滚动问题

在遵循上的一个示例后，我发现它在Firefox上无法正常工作。我以为这只是一个缺少的预修复，但这不起作用

当您在鼠标或触摸板上水平滑动时，它会稍微起作用，但这并不令人满意

尝试点击滚动区域，它不会像Chrome那样完全滚动到下一部分

它不会通过滚轮滚动到下一节。当在Mac电脑上使用魔法鼠标时，它会间歇性地工作，但用户必须用手指划过，而不是上下滑动

我怎样才能解决这个问题

正文{
保证金：0；
字体系列：格鲁吉亚；
}
#集装箱箱{
宽度：100vw；
高度：100vh；
显示：内联块；
位置：相对位置；
}
#container.box>div{
宽度：100px；
高度：100px；
字体大小：96px；
颜色：#FFF；
位置：绝对位置；
最高：50%；
左：50%；
利润率：-50px0-50px；
线高：.7；
字体大小：粗体；
}
#容器{
溢出y：滚动；
溢出x：隐藏；
变换：旋转（270度）translateX（-100%）；
变换原点：左上角；
背景色：#999；
位置：绝对位置；
宽度：100vh；
高度：100vw；
}
#集装箱2{
变换：旋转（90度）translateY（-100vh）；
变换原点：左上角；
空白：nowrap；
字号：0；
}
.一{
背景色：#45CCFF；
}
.二{
背景色：#49E83E；
}
.三{
背景色：#EDDE05；
}
.4{
背景色：#E84B30；
}

1.
2.
3.
最后

具体是什么问题？@showdev尝试单击滚动区域，它不会完全滚动到下一节，而不像上一节chrome@showdev，是，它不会通过滚轮滚动到下一节。当在Mac电脑上使用魔法鼠标时，它会间歇性地工作，但用户必须用手指划过，而不是上下滑动。