如何开启Safari 浏览器的默认滚动

如果你想要在 iOS Safari 浏览器中开启默认滚动行为，可以通过移除先前添加的禁止滚动的代码来实现。例如，你可以使用以下代码来移除之前添加的事件监听器：

document.removeEventListener('touchmove', preventDefault, { passive: false });

其中，`preventDefault` 是之前添加的事件监听器的函数。

移除事件监听器后，Safari 浏览器将会恢复默认的滚动行为。

相关问题

浏览器默认的滚动条样式如何设置

浏览器默认的滚动条样式通常由操作系统和浏览器自身决定，用户无法直接通过CSS单独改变滚动条的外观。不过，有一些技巧可以间接影响滚动条的视觉效果，例如：

1. **伪元素**: 可以利用`:scrollbar`伪元素覆盖滚动条的外观。在Webkit（如Chrome和Safari）和Firefox中支持，你可以创建一个新的滚动条轨道并应用自定义样式，例如：

   ::-webkit-scrollbar {
     width: 10px; /* 滚动条宽度 */
   }
   
   ::-webkit-scrollbar-track {
     background-color: #f1f1f1; /* 轨道颜色 */
   }
   
   ::-webkit-scrollbar-thumb {
     background-color: #888; /* 滚动块颜色 */
     border-radius: 5px; /* 圆角 */
   }

2. **第三方库**: 有些JavaScript库，如**Perfect Scrollbar**、**jQuery jScrollPane**等，可以提供更丰富的滚动条定制选项。

请注意，不是所有浏览器都支持自定义滚动条，而且这种做法可能会影响性能和兼容性。如果需要在所有现代浏览器中保持一致的体验，还是建议在不影响用户体验的前提下，避免过度修改滚动条样式。如果你确实想让用户有选择滚动条样式的功能，可能需要考虑使用CSS变量或Polyfills。

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

可以使用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 });

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