jquery-plugins – jQuery Colorbox,iframe内容不在iPad中滚动

解决方法

显然,截至今天(2013年2月4日),杰克已经发行了fixed个问题.值得从Github页面获取最新版本.

以前的方案

好的,我无法让jScrollPane正常工作.这并不是说你不会,但我也在使用自定义大小调整来调整iframe的大小,我认为它与jScrollPane的维度计算并不相称.

解

然而,由于Sharon here on stackoverflow更加通用的iOS iframe滚动问题的解决方案,我确实设法让它工作.我已经对她的代码进行了一些调整以使用COlorBox更好玩.请注意,这仅适用于控制iframe内容的位置

只需将以下代码放入iframe：

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);

滚动不是紧张,虽然你没有逐渐减慢原生滚动,它只是在你举起手指时停止.另外,没有滚动条.除此之外,它是一个完美的解决方案.

page with Sharon’s solution为您无法控制iframe的场景提供了另一种选择.