bootstrap – pas de barres de défilement sur IOS?

J'utilise bootstrap version 2.x et quand j'utilise l'application sur un browser non mobile, les barres de défilement fonctionnent correctement, mais quand je navigue en utilisant iOS (iphone 5) il n'y a pas de barres de défilement – spécialement verticales et je ne peux pas toucher le écran – son juste fixé je ne peux plus à gauche ou à droite ou en haut ou en bas ……

Y at-il quelque chose dont j'ai besoin pour activer le défilement tactile comme une bibliothèque js différente? ou est-ce qu'il y a quelque chose de cassé

J'ai lu que si les tags ne sont pas correctement fermés, cela peut se produire mais mes tags sont fermés.

Donc, tout mon contenu n'est pas visible à l'exception de la première partie car je ne peux pas faire défiler vers le bas …

Voici du code (j'utilise durandal comme SPA)

c'est ma coquille:

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

au moment où j'ai enlevé tous les rendus 'nav' et 'footer' et seulement quelque chose dans le contenu HTML qui est rendu là-bas une simple page:

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

cela ne défilera pas dans IOS 🙁

La réponse à cela était que c'était un problème basé sur Durandal.

Après un debugging sévère et l'élimination de tout sauf durandal j'ai compris que cela peut être résolu en ouvrant durandal / app.js et en commentant les lignes de code suivantes:

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

À votre santé