IOS Phonegap:横向到纵向中断溢出-x

IOS Phonegap:横向到纵向中断溢出-x,ios,css,angularjs,cordova,landscape,Ios,Css,Angularjs,Cordova,Landscape,我遇到了一个问题,无法轻松解决,因为它只出现在一种情况下:当我在我的页面上,在iOS上从横向切换到纵向时。 我的应用程序是一个Phonegap应用程序,使用角度和插件设备定向,使其与我的响应CSS一起工作 除了这部分,一切都好。 我有一个水平菜单,如果有溢出,我不能让用户滚动它 这是我的密码: CSS HTML 和部分相关联的 <ul data-snap-ignore="true"> <li><a ng-click="setTab('link1')"&g

我遇到了一个问题,无法轻松解决,因为它只出现在一种情况下:当我在我的页面上,在iOS上从横向切换到纵向时。 我的应用程序是一个Phonegap应用程序,使用角度和插件设备定向,使其与我的响应CSS一起工作

除了这部分,一切都好。 我有一个水平菜单,如果有溢出,我不能让用户滚动它

这是我的密码:

CSS

HTML


和部分相关联的

<ul data-snap-ignore="true">
    <li><a ng-click="setTab('link1')">Link 1</a></li>
    <li><a ng-click="setTab('link2')">Link 2</a></li>
    ...
</ul>
  • 链接1
  • 链接2
  • ...
您可以看到“data snap ignore”,因为我使用angular-snap.js作为另一个菜单(左菜单),我不希望他在滑动此菜单时出现(此部分工作正常)


谢谢你的帮助;)

是的,这太糟糕了。这是一只虫子,AFAICT

到目前为止,我发现唯一可以修复它的机制是在容器上从
none
切换到
block
,如下所示:


var navElement=document.getElementsByTagName(“nav”)[0];
navElement.style.display=“无”;
setTimeout(function(){naveelement.style.display=“block”;},0);

在我看来,这看起来很可怕,但它确实恢复了滚动的能力


因为,据我所知,如果容器中的元素强制滚动,它永远不会中断,因此它应该能够确保容器始终滚动,即使滚动一两个像素。

谢谢,它工作得很好。不太漂亮,但至少工作完成了!;)下面是我如何使用angular:$scope.$on(“windowResize”,function(){var elmt=angular.element(“nav.inline”);elmt.css(“display”,“none”);$timeout(function(){elmt.css(“display”,“block”);},0);});
<nav class="fullwidth inline" ng-include="'partials/nav.html'"></nav>
<ul data-snap-ignore="true">
    <li><a ng-click="setTab('link1')">Link 1</a></li>
    <li><a ng-click="setTab('link2')">Link 2</a></li>
    ...
</ul>