Html CSS中一个div或table的两个滚动条

如何向已有水平滚动条的现有表或div添加额外的水平滚动条并使其同步工作？

如果我理解正确，您可能希望尝试以下方法：

$（函数（）{
$（“.wmd view topscroll”）.scroll（函数（）{
$（“.wmd视图”）
.scrollLeft（$（“.wmd视图topscroll”）.scrollLeft（）；
});
$（“.wmd视图”）.scroll（函数（）{
$（“.wmd视图topscroll”）
.scrollLeft（$（“.wmd视图”）.scrollLeft（）；
});
});
.wmd视图topscroll，
.大规模毁灭性武器观点{
溢出-x：滚动；
溢出y：隐藏；
宽度：300px；
边框：无0px红色；
}
.wmd视图topscroll{
高度：20px；
}
.大规模毁灭性武器观点{
高度：150像素；
}
.scroll-div1{
宽度：1000px；
溢出-x：滚动；
溢出y：隐藏；
高度：20px；
}
.2-div2{
宽度：1000px；
高度：20px；
}

内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容
这样做很容易


$（函数（）{
$（“.wmd view topscroll”）.scroll（函数（）{
$（“.wmd视图”）
.scrollLeft（$（“.wmd视图topscroll”）.scrollLeft（）；
});
$（“.wmd视图”）.scroll（函数（）{
$（“.wmd视图topscroll”）
.scrollLeft（$（“.wmd视图”）.scrollLeft（）；
});
});
.wmd视图topscroll、.wmd视图{
溢出-x：滚动；
溢出y：隐藏；
宽度：300px；
边框：无0px红色；
}
.wmd视图上斜线{高度：20px；}
.wmd视图{高度：200px；}
.scroll-div1{
宽度：1000px；
溢出-x：滚动；
溢出y：隐藏；
}
.scroll-div2{
宽度：1000px；
高度：20px；
}
`

Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的例子。两人一组，一组，一组，一组，一组，一组，一组。莫比·阿库姆桑·康瓦利斯·马萨（Morbi accumsan convallis massa），在。这是一个新的选择。莫利斯阿利夸是大比乌斯变种阿利夸。瓦里乌斯，佩伦茨克·埃吉斯塔斯，马莱苏阿达·菲利斯，尼布·马萨，都是爱神。欧洲的毛里斯和自由的卢克图斯·森佩尔都是欧洲的turpis。毛里斯非普尔文纳厄洛斯。Suspendisse suscipit tristique risus和dictum。我不能坐在原地不动。佩伦特斯·库苏斯、大前庭、大前庭、大前庭、大前庭、大前庭、大前庭、大前庭、大前庭、大前庭、大前庭、大前庭、大前庭、大前庭、大前庭。
前庭，非威尼斯通俗通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的通俗的。这是一种非温和的调味品。发酵菌悬液。在nec sodales lectus。整株褐飞虱发酵液。莫利斯河上游，turpis河上游，弧形河下游，无河道。Integer urna nisl，马莱苏阿达的威尼斯人，tincidunt eu酒后驾车。不可能。相位交流连续性，nec不连续性。时间的选择，大舌苔的选择。
如果你已经有一个横条，你能解释一下为什么要添加两个横条吗？你是对的，但是当你有一个大桌子，你需要让用户能够滚动到他/她所在的任何地方。非常感谢你，这是一个非常好的解决方案，不幸的是我们不得不告诉我们一些方法。。我曾希望我们可以在不增加图书馆的情况下完成这项工作，但没有问题。Thank=dan您可以在jQuery中执行的所有操作，也可以在JavaScript中执行。毕竟，jQuery是用JavaScript实现的，对吗？是的，你确实可以用JavaScript实现，但jQuery的方法更方便、更快速、更易于使用。如果你想知道如何实现，请告诉我。@Ahmedsaysrestemonica你找错人了bud@Louay阿洛什，考虑一个绿色蜱，以确保我的答案帮助你，这将是正确答案的人有同样的问题。