如何修改代码实现水平滚动条永久可见？

你贴的这段jQuery代码功能是记录和恢复页面滚动位置，和容器水平滚动条的显隐逻辑无关，要实现滚动条永久可见，需要针对滚动容器添加CSS样式，适配不同内核浏览器即可。

具体修改方案 #

• 首先找到你承载滚动内容的容器的选择器（比如类名是scroll-box，以下示例统一用.scroll-container指代，你自行替换为实际的选择器）
• 添加如下CSS样式：

/* 强制水平滚动条一直显示，不使用auto */
.scroll-container {
  overflow-x: scroll !important;
  /* 火狐浏览器滚动条配置：滑块颜色 + 轨道颜色，可自定义 */
  scrollbar-color: rgba(0,0,0,0.3) #f5f5f5;
  scrollbar-width: thin;
  /* IE/旧版Edge浏览器配置 */
  -ms-overflow-style: scrollbar !important;
}

/* Webkit内核浏览器（Chrome、Safari、新版Edge等）滚动条样式配置 */
/* 滚动条整体大小 */
.scroll-container::-webkit-scrollbar {
  height: 8px; /* 水平滚动条高度，按需调整 */
  width: 8px; /* 垂直滚动条宽度，不需要可以删除 */
}
/* 滚动条轨道样式 */
.scroll-container::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 4px;
}
/* 滚动条滑块样式 */
.scroll-container::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.3);
  border-radius: 4px;
}

• 如果你使用了第三方自定义滚动条JS库，直接修改库的配置项，关闭悬停才显示滚动条的开关即可。

内容的提问来源于stack exchange，提问作者Angy