如何允许在Shadowbox内部滚动iframe？

Question

我使用Shadowbox一次显示多个iframe（http://www.shadowbox-js.com/）。

我试过这个解决方案： IFRAMEs and the Safari on the iPad, how can the user scroll the content?

但没有运气。

生成的iframe的语法是：

<div id="sb-body">
    <div id="sb-body-inner">
        <iframe id="sb-player">
            //iframe content
        </div>
    </div>
</div>

任何想法如何解决这个问题？我使用iframe的方式需要滚动。

Answer 1

试试这个，这样就不会在其他设备上创建双滚动条。

 $(window).load(function(){

            if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {

                $('#sb-body-inner').css({
                    'overflow': 'scroll', 
                    '-webkit-overflow-scrolling': 'touch' 
                }); 

            }
    });