1

我正在使用引导程序版本 2.x，当我在非移动浏览器上使用该应用程序时，滚动条可以正常工作，但是当我使用 iOS（iphone 5）浏览时，没有滚动条——特别是垂直滚动条，我无法触摸滚动条屏幕 - 它刚刚固定，我不能再向左或向右或向上或向下......

我需要像不同的 js 库那样启用触摸滚动吗？或者有什么东西坏了。

我已经读过，如果标签没有正确关闭，这可能会发生，但我的标签已关闭。

所以基本上我所有的内容现在都不可见，除了第一部分，因为我无法向下滚动......

这是一些代码（我使用 durandal 作为 SPA）

这是我的外壳：

<div>
    <header>
        <!--ko compose: {view: 'nav'} --><!--/ko-->
    </header>
    <section id="content"  class="main container-fluid">
        <!--ko compose: {model: router.activeItem, 
            afterCompose: router.afterCompose, 
            transition: 'entrance'} -->
        <!--/ko-->
    </section>
    <footer>
        <!--ko compose: {view: 'footer'} --><!--/ko-->
    </footer>
</div>

目前我删除了所有的“导航”和“页脚”渲染，只有内容 HTML 中的一些内容在一个简单的页面中呈现：

<section>
 <div>
        <button id="btnrefresh" class="btn btn-info btn-force-refresh pull-right"><i class="icon-refresh"></i> Refresh</button>
         <button id="btnrefresh2" data-bind="click: refresh" class="btn btn-info btn-force-refresh pull-right"><i class="icon-refresh"></i> Data Refresh</button>
        <h3 class="page-title" data-bind="text: title" ></h3>
     <div data-bind="visible: showDetails" style="height:500px;width:50px;background-color:red">

    </div>
     </div>
</section>

这不会在 IOS 中滚动 :(

4

1 回答 1

2

对此的答案是，它是一个基于 Durandal 的问题。

经过严格调试并剥离除 durandal 之外的所有内容后，我发现可以通过打开 durandal/app.js 并注释掉以下代码行来解决此问题：

adaptToDevice: function() {
    //document.ontouchmove = function (event) {
    //    event.preventDefault();
    //};
}

干杯

于 2013-05-18T11:43:28.250 回答