CSS定位，div的隐藏部分

Question

我对css定位有问题。我想在我的平板电脑设备上显示与PC相同的网页。在PC上，我使用Chrome网络浏览器，一切都很好，但当我试图在平板电脑设备的Safari网络浏览器上显示相同的内容时，我会获得与所附屏幕相同的结果（我的部分div内容被外部元素隐藏）。这种行为的原因是什么？有什么想法吗？DIV ELEMENT的CSS为：

position: fixed; max-height: 300px; width:200px; overflow:auto; z-index: 100000

附件情况：https://i.stack.imgur.com/fkYp2.jpg

Answer 1

将其从overflow: auto更改为overflow: visible应该可以解决问题。

Answer 2

谢谢Josh的回答，但这并没有解决我的问题。原因是：

-webkit-overflow-scrolling: touch;

我所有的div都有这种全局设置，这导致了移动设备上的这种奇怪行为。我们可以阅读，这是本地风格的滚动。指定此样式具有创建堆叠上下文（如不透明度、遮罩和变换）的效果。