javascript - 在 ng-view 中禁用弹性滚动，但不在 ng-include 的 subview 中禁用弹性滚动

Question

我正在使用 angularjs 开发一个 Web 应用程序，具有 2 级导航:

第一级:使用 ng-view 进行主导航。

第二级:使用 ng-include 带有顶部和底部栏的 subview 导航。

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

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

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

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

提前致谢!

Answer 1

如果您没有使用像 iscroll 这样的库进行滚动，您应该能够通过使用 CSS 以及稍微重新排列 HTML 来解决此问题。

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

假设这是正确的，请尝试为容器元素指定位置:固定；并将上、右、下、左全部设置为0。将溢出设置为隐藏。

也给内容元素固定位置，但顶部=页眉高度，底部=页脚高度。然后给它一个overflow-y:scroll;。

当然，这取决于页眉和页脚均为静态高度。