怎么去掉浏览器默认的纵向滚动轴

可以使用CSS的overflow属性来实现去掉浏览器默认的纵向滚动轴。

方法一：使用overflow:hidden

可以将overflow属性设置为hidden来去掉纵向滚动轴。例如：

body {
  overflow: hidden;
}

这样就可以去掉整个页面的纵向滚动轴。

方法二：使用::-webkit-scrollbar

使用::-webkit-scrollbar可以控制滚动条的样式，其中::-webkit-scrollbar可以选择滚动条的整个部分，而::-webkit-scrollbar-thumb则可以选择滚动条的拖动部分。可以将::-webkit-scrollbar的display属性设置为none来去掉纵向滚动轴。例如：

body::-webkit-scrollbar {
  display: none;
}

这样就可以去掉整个页面的纵向滚动轴。注意，这种方法只适用于WebKit内核的浏览器，例如Chrome、Safari等。

方法三：禁用body的滚动事件

可以通过JavaScript禁用body元素的滚动事件来去掉纵向滚动轴。例如：

document.body.style.overflow = 'hidden';
document.body.addEventListener('touchmove', function(e) {
  e.preventDefault();
}, { passive: false });

这样就可以去掉整个页面的纵向滚动轴，同时也禁止了在移动端的滑动事件。