Question

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

我是否需要为不同的js库启用触摸滚动？或者有什么东西坏了。

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

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

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

这是我的shell：

<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>

目前我删除了所有'nav'和'footer'渲染，只有内容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中滚动:(

Answer 1

答案是，这是一个基于杜兰达尔的问题。

经过严格调试并剥离除了durandal之外的一切我想通过打开durandal / app.js并注释掉下面的代码行来解决这个问题：

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

干杯

bootstrap - IOS上没有滚动条？

1 个答案: