我需要水平滚动的外部div和垂直滚动的内部div，内部div应该与外部div移动。
<body>
<div id="wrapper">
<div id="outer">content outer
<div id="inner">
<table>
<tr>
<td>column1</td>
<td>column2</td>
<td>column2</td>
<td>column2</td>
<td>column2</td>
</tr>
</table>
</div>
</div>
</div>
</body>
#wrapper {
position:relative;
height:200px;
width:200px;
}
#outer {
background-color: red;
overflow-x: auto;
overflow-y: hidden;
height:200px;
width:200px;
white-space: nowrap;
}
#inner {
color: white;
font-weight: bold;
margin-left: auto;
margin-right: auto;
height:150px;
background-color: blue;
white-space: nowrap;
position:relative; z-index:1;
}
当我应用溢出-y时：滚动；对于内部Div，水平滚动是内部div而非外部div附带的。
最佳答案
希望这对你有用
$（“＃outer”）。scroll（function（）{
$("#inner").scrollLeft($(this).scrollLeft());
}）;
:);）
关于css - 使用CSS与外部div水平滚动内部div(具有垂直滚动)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32445583/