javascript - 相对于子 div 水平滚动滚动父 div

Question

我有以下 HTML 代码:

<div style="height: auto; width: 400px; overflow: hidden;" id= "parent">
   //dynamic content which makes width of the parent to overflow
   <div style= "height: 200; width: 400px; overflow: auto;" id= "child">
   // dynamic content which makes width of the child div to overflow horizontally and vertically
   </div>
</div>

有什么办法可以在滚动子div的同时水平滚动父div吗？ 实际上，我试图卡住标题(父 div 的内容)并想要滚动数据(子 div 的内容)。任何帮助将不胜感激。

谢谢

Answer 1

有一个 CSS white-space:nowrap可能有效的属性。

您可能遇到的一个问题是大多数 HTML 文本默认会换行。您可能必须使用 <pre>或 <code>用于在父项内进行水平滚动的标签 div如果那是你要找的，没有换行符。

或者要获得您的评论所说的您正在寻找的卡住 Pane 效果，只需为标题和内容 Pane 使用单独的 div。

<div id="container">
    <div id="header"></div>
    <div id="info"></div>
</div>