小编use*_*293的帖子

我无法解决这个问题:我有一个div,我用jquery作为弹出窗口显示和隐藏.内容是facebook的评论插件.这是代码:

<div id="popup">
    <div class="mask">
        <div class="fb-comments" data-href="http://www.example.com" data-num-posts="30" data-width="470" data-colorscheme="light"></div>
    </div>
</div>

这是我到目前为止的CSS:

#popup {
position:absolute;
left:0px;
top:0px;
width:512px;
height:530px;
background:url(../img/bg_popup.gif) repeat-x 0px 0px;
display:none;
overflow:hidden;
z-index:110;
}

#popup .mask {
margin:5px 0px 0px 10px;
width:498px;
height:475px;
overflow-y: scroll;
overflow-x: hidden;
}

我使用jquery将弹出窗口放在屏幕中央,一切都适用于所有浏览器.弹出窗口出现,我可以滚动内容.

问题出在Ipad Safari上.div不会滚动,并且已经尝试使用webkit-overflow-scrolling:touch,但没有任何反应.

还有一件事:如果我从设置为"阻止"的弹出div显示开始,滚动工作,但内容显示为碎片.

有任何想法吗？谢谢!