如何允许在 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' 
                }); 

            }
    });