Question

我已经看到了一些关于具有选择性滚动功能的容器元素统一的示例，但它们都不是我想要的。

基本上我正在使用SharePoint并尝试修改西雅图主页以在响应式网页设计中处理未知大小的内容。一个例子是大数据表。

我决定最好的选择是在x轴上使用滚动效果来固定内容的宽度，而实际的页面部分将处理垂直滚动。这样我的页眉和页脚不受水平移动的影响，我不会弹出任何奇怪的空格。

<div id='s4-workspace'>
<div id='contentBox'>
    <table>
        <tbody>
            <tr>
                <td><div class='content'></div></td>
                <td><div class='content'></div></td>
            </tr>
            <tr>
                <td><div class='content'></div></td>
                <td><div class='content'></div></td>
            </tr>
        </tbody>
    </table>
</div>
</div>

但是在与触摸屏交互时出现问题：在内容容器内部进行交互时无法向上或向下滚动，除非我用两根手指滚动。

所以重申：在西雅图主页上，我希望内容（#contentBox）处理overflow-x，而页面（＃s4-workspace）将处理溢出 - 年。我希望页面在我与内容交互时滚动，而不需要使用两个手指在触摸屏设备上工作。

任何人都有这种情况，可以带领我走上正确的道路吗？

提前谢谢。

Answer 1

似乎我已经解决了我自己的问题，这又导致了新的化妆品问题...... :(

但无论如何，这些都是不同的缺陷。对于任何想知道如何实现这一奇迹的人来说：-webkit-overflow-scrolling:touch;。而已。在父容器上弹出该样式，并查看不是iOS原生的美。

我希望这适用于HTC平板电脑。

垂直父母和水平孩子？

1 个答案: