bootstrap - IOS 上没有滚动条？答案

【问题标题】：bootstrap - no scrollbars on IOS?bootstrap - IOS 上没有滚动条？
【发布时间】：2013-05-17 22:32:38
【问题描述】：

我使用的是引导程序版本 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 中滚动 :(

【问题讨论】：

标签： ios mobile twitter-bootstrap scroll

【解决方案1】：

这个问题的答案是它是一个基于 Durandal 的问题。

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

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

干杯

【讨论】：