保持垂直滚动条在固定位置，独立于水平滚动条

.scrollbar-container {
  position: fixed;
  top: 50px; /* 设置垂直位置 */
  right: 0; /* 设置水平位置 */
  width: 10px; /* 设置宽度 */
  height: calc(100% - 50px); /* 设置高度，减去顶部导航栏的高度 */
  overflow-y: scroll; /* 显示垂直滚动条 */
}

window.addEventListener('scroll', function() {
  var horizontalScroll = window.scrollX || document.documentElement.scrollLeft;
  var scrollbarContainer = document.querySelector('.scrollbar-container');
  scrollbarContainer.style.right = horizontalScroll + 'px';
});