bootstrap - IOS上没有滚动条？

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

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

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

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

下面是一些代码（我用迪朗达尔作为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中滚动:(

来源

2013-05-17 Piotr Stulinski

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

严重调试和剥离出一切除迪朗达尔我想出这可以通过打开迪朗达尔/ app.js和注释代码的以下各行被固定后：

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

干杯

来源

2013-05-18 11:43:28

bootstrap - IOS上没有滚动条？

回答

相关问题