Browser 颜色框内容在mobile safari上不滚动

晚上好，
我使用thickbox创建了一个网站，在那里它会显示日历，出现的问题之一是内容在iPhone类型的浏览器上无法滚动。我已经尝试将其更新到colorbox，看看这是否解决了问题，但没有

如何让移动浏览器允许内容滚动

以下是我一直在尝试解决问题的页面：

谢谢，

---

Mike

这似乎是Webkit移动版的一个限制

---

声明您可以通过使用overflow:scroll set在区域内用两个手指滚动来解决此问题。我还没能亲自试一试，因为我还没能拿到公司的ipad来测试它

如果有人在回答这个问题，请参阅另一个帖子中的这个问题。请注意，您需要控制iframe内容，即在同一域上。

多亏了Jack Moore，colorbox css文件已经更新，以解决此问题：

#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}

用webkit特有的溢出规则修改样式表应该可以做到这一点。无需更新任何javascript函数

---

来源：

这对我来说很有效

<script>
    var devicetype = '<?php echo $devicetype; ?>';// get ur divice type variable
    if(devicetype == 'mobile'){
        setTimeout(function () {
            var startY = 0;
            var startX = 0;
            var b = document.body;
            b.addEventListener('touchstart', function (event) {
                startY = event.targetTouches[0].screenY;
                startX = event.targetTouches[0].screenX;
            });
            b.addEventListener('touchmove', function (event) {
                event.preventDefault();
                var posy = event.targetTouches[0].screenY;
                var h = parent.document.getElementById("cboxLoadedContent");
                var sty = h.scrollTop;

                var posx = event.targetTouches[0].screenX;
                var stx = h.scrollLeft;
                h.scrollTop = sty - (posy - startY);
                h.scrollLeft = stx - (posx - startX);
                startY = posy;
                startX = posx;
            });
        }, 1000);
    }
    </script>

变量设备类型=“”；//获取您的divice类型变量
如果（设备类型=='mobile'）{
setTimeout（函数（）{
var-startY=0；
var startX=0；
var b=document.body；
b、 addEventListener（'touchstart'，函数（事件）{
startY=event.targetTouches[0]。屏幕显示；
startX=event.targetTouches[0].screenX；
});
b、 addEventListener（'touchmove'，函数（事件）{
event.preventDefault（）；
var posy=event.targetTouches[0].screenY；
var h=parent.document.getElementById（“cboxLoadedContent”）；
var sty=h.scrollTop；
var posx=event.targetTouches[0].screenX；
var stx=h.left；
h、 scrollTop=sty-（posy-startY）；
h、 scrollLeft=stx-（posx-startX）；
startY=posy；
startX=posx；
});
}, 1000);
}

查看您的测试站点，您似乎已经解决了此问题。您愿意与我们分享您的解决方案吗？