CSS定位，div的隐藏部分

Question

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

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

附局势： http://imgur.com/dSueHvV

Answer 1

改变，从overflow: auto到overflow: visible应该解决的问题。

Answer 2

谢谢乔希的回答，但它没有解决我的问题。它是由：

-webkit-overflow-scrolling: touch; 

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