2

我正在开发一个带有 angularjs 的网络应用程序，有 2 个导航级别：

第一级：使用 ng-view 的主导航。

第 2 级：使用 ng-include 使用顶部和底部栏进行子视图导航。

我在另一个问题中发布了更多详细信息：History back navigation using ng-include

当我在 iphone 中使用该应用程序时，我在主要和部分视图中都有弹性滚动。如何在主视图中禁用弹性行为，但不能在 ng-include 的部分视图中禁用？

我尝试使用下一个代码，但它禁用了两个视图。

document.addEventListener('touchmove',  function(e) {
    e.preventDefault();
    },
false
);

提前致谢！

4

2 回答 2

1

如果你没有使用像 iscroll 这样的库来滚动，你应该能够通过使用 CSS 来解决这个问题，也许可以重新排列你的 HTML。

据我了解，您将 ng-view 用作一种容器元素，其中包含页眉、页脚和内容元素。

假设这是正确的，请尝试给容器元素位置：固定；并将顶部、右侧、底部和左侧全部设置为 0。将溢出设置为隐藏。

也给内容元素固定位置，但顶部 = 页眉高度，底部 = 页脚高度。然后给它一个溢出-y：滚动；。

当然，这取决于您的页眉和页脚都是静态高度。

于 2013-05-06T23:54:14.623 回答
1

我正在使用 phonegap ......所以我终于在 config.xml 中使用这个设置解决了我的问题：

 <preference name="webviewbounce" value="false" />

此链接中的更多信息：https ://build.phonegap.com/docs/config-xml

于 2013-06-21T13:01:20.653 回答