Question

我在div（#Accordion）里面的一个div（.summary_wrapper）里面有一个（desktopIframe）。希望它有意义。手风琴折叠的高度不高于div（.desktop_summary_column_div）。如果我展开一个手风琴项目，它会扩展到div的底部（.summary_wrapper）（这也是ipad屏幕的底部）。如果我想向下滚动ipad想要移动/滚动整个屏幕。这意味着包含div随着我的手指拖动而移动。所以这使我的手风琴滚动变得毫无用处。

有没有办法设置手风琴以允许在div中滚动divid？

这是我对手风琴的设置。

.summary_wrapper

这是包含元素的示例。

      $(function() {
    $( "#accordion" ).accordion({ 
        heightStyle: "content",
        collapsible: true, 
        active: false,
        // autoheight: true,
        animated: 'easeslide'
    });


    var is_touch_device = 'ontouchstart' in document.documentElement;
    if(is_touch_device) {
        $(this).addClass('panel');
        $(this).addClass('overflow');
    }
  });

在手风琴内侧的<td class="desktop_summary_column"> <div class="desktop_summary_column_div" style="display: block;"> <iframe id="desktopIframe" name="desktopIframe" width="100%" height="99%" frameborder="0"></iframe> .......... <body> <div class="overview_wrapper"> <div class="summary_wrapper"> <div id="accordion" class="ui-accordion ui-widget ui-helper-reset" role="tablist"> <div class='desktop_summary_text'> ...ACCORDION ITEM with sub items... </div> <div class='desktop_summary_text'> ...ACCORDION ITEM with sub items... </div> <div class='desktop_summary_text'> ...ACCORDION ITEM with sub items... </div> </div> </div> </div> </body> .......... </div>课上我设置了以下样式。

.desktop_summary_text

对不起，我知道它有很多...... 但也许对一些能够提供帮助的人来说也许是有意义的。

Answer 1

所以我找到了答案

将以下样式添加到包含iFrame的DIV。

style =“overflow：auto; -webkit-overflow-scrolling：touch”

<div class='desktop_summary_column_div' style="overflow: auto; -webkit-overflow-scrolling: touch">

iPad在Jquery手风琴上滚动

1 个答案: