大数据表，第一列已修复

Question

我的结构如小提琴http://jsfiddle.net/5LN7U/所示。

 <section class="container">
    <section class="field">
        <ul>
            <li> Question 1  </li>
            <li> question 2 </li>
            <li> question 3 </li>
            <li> question 4 </li>
            <li> question 5 </li>
            <li> question 6 </li>
            <li> question 7 </li>
        </ul>

    </section>
    <section class="datawrap">
        <section class="datawrapinner">
            <ul>
                <li><b>Answer 1 :</b></li>
                <li><b>Answer 2 :</b></li>
                <li><b>Answer 3 :</b></li>
                <li><b>Answer 4 :</b></li>
                <li><b>Answer 5 :</b></li>
                <li><b>Answer 6 :</b></li>
                <li><b>Answer 7 :</b></li>
            </ul>
        </section>
    </section>

</section>

基本上它是使用div制作的表结构。第一列包含一长串问题，第二列包含答案/多个答案，这些答案可能非常大（第二列中必须有水平滚动）。

我面临的问题是当我向下滚动第二列时，水平滚动条也向下滚动。我想要水平滚动条固定在那里。因为它应该总是固定在那里，无论我垂直滚动多少。

与Google Spreadsheets非常相似：第一列保持固定，其余列上有水平滚动，整个数据整体垂直滚动。

我无法在第二列中使用固定位置。

P.S：我有理由不使用div来制作表结构。

Answer 1

如果这是你想要实现的目标：

您只需将 .datawrap CSS类中的overflow-y:hidden;设置为overflow-y:auto;。