常见问题

如何获取或设置我已应用 OverlayScrollbars 的元素的滚动位置？

如果您将 OverlayScrollbars 应用于 body 元素，您可以使用 window.scrollX、window.scrollY、window.scroll、window.scrollTo、window.scrollBy 或任何其他原生 API。

如果插件应用于任何其他元素，您需要首先使用实例的 elements() 函数获取视口元素。有了这个元素，您可以使用 element.scrollTop、element.scrollLeft、element.scroll、element.scrollTo、element.scrollBy 或其他任何原生 API。

const { viewport } = osInstance.elements();
const { scrollLeft, scrollTop } = viewport; // get scroll offset
viewport.scrollTo({ top: 0 }); // set scroll offset

能否限制或调整滚动条手柄的长度？

您可以通过设置 min-width/min-height 和 max-width/max-height 样式来调整滚动条手柄的长度：

/* 水平边界 */
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: 50px;
  max-width: 200px;
}
/* 垂直边界 */
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: 40px;
  max-height: 40px;
}

您可以为这两个属性分配相同的值，以强制滚动条始终具有相同的大小。

设置宽度和高度属性将不起作用，因为这些属性是由插件自动设置的。