Javascript 在两个表中隐藏垂直滚动条，但允许在一个表中完全滚动

我希望能够将整个表一起滚动，但在右侧只有一个垂直滚动条。 （可使用右侧的垂直滚动条，通过鼠标滚轮或箭头进行滚动）

我能够做到这一点，除了我无法从

.fixedTable body

中隐藏垂直滚动条，并且当我使用鼠标滚轮或箭头悬停在

.fixedTable侧边栏

和

.fixedTable body

表上时，右边的垂直滚动条就显得很奇怪

我能做什么：

• 实现并连接所有表体中的滚动条（下方工作小提琴中的Js）

• 隐藏Webkit浏览器和IE的

  .fixedTable侧边栏中的垂直滚动条（尚未找到隐藏FF的解决方案）-->这是通过以下方式完成的：
  

.fixedTable侧栏：：-webkit滚动条{
显示：无；/*隐藏Webkit浏览器的滚动条*/
}
.固定侧边栏{
-ms溢出样式：无；/*隐藏IE的滚动条*/
}

我尝试过的：

• 伪类

  ：垂直
  ，用于webkit浏览器，但不起作用
  

.fixedTable body:：-webkit滚动条：垂直{
显示：无；
}

• 不确定IE是否存在此

  -ms-overflow-y-style

  ，但我尝试了，但也没有成功

.fixedTable实体{
-ms-overflow-y-style：无；
}

• 还试图用填充物隐藏垂直滚动条，但无法做到

---

编辑

通过在两个元素中创建一个外部

div

，并赋予它

溢出：hidden

，我可以从

.fixedTable边栏和
.fixedTable body
隐藏垂直滚动条，然后使内部元素
.fixedTable侧边栏
和
fixedTable body
稍微大一点
宽度>100%
-->这样我就可以隐藏所有浏览器的滚动条

现在，唯一的问题是当滚动
.fixedTable侧边栏和
.fixedTable body
时，右垂直滚动条的行为（使用鼠标滚轮或键盘箭头）

如果要隐藏滚动条，但仍希望能够滚动，请单击“确定”。通常，它适用于我所说的现代浏览器（Safari、Chrome和Opera）：

好吧，我找到了一个解决方案来隐藏桌子中间的竖条，但是右边的竖条仍然很奇怪，但在这里它会出现，以防有人需要它：）


通过在两个元素中创建一个外部div并赋予它
溢出：hidden
，我可以从
.fixedTable侧栏和
和
.fixedTable body
隐藏垂直滚动条，然后将内部元素
.fixedTable侧边栏
和
.fixedTable body
稍微大一点
宽度>100%
-->这样我就可以隐藏所有浏览器的滚动条-->，因此它是一个跨浏览器解决方案

-->仅1个垂直和1个水平滚动条表格（内部有多个表格，标题固定）

附言：我将打开另一个关于垂直滚动条奇怪行为的问题，然后我将在这里发布一个链接：）
已经对表格的左侧部分执行了该操作，正如我前面所述（现代浏览器-->webkit浏览器），现在我想将其应用到表格的中间，但是只删除垂直滚动条并保持水平，即使我将您的代码更改为
overflow-y:hidden
它将删除垂直滚动功能，但无论如何，谢谢！）
html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}