在ng-view中禁用弹性滚动,但不要在ng-include的子视图中禁用
Disable elastic scroll in the ng-view, but not in the subview of ng-include
我正在用angularjs开发一个web应用程序,有2级导航:
第一级:主导航使用ng-view。
第二层:使用ng-include的顶部和底部栏的子视图导航。
我在另一个问题中发布了更多细节:使用ng-include进行历史返回导航
当我在iphone上使用这个应用程序时,我在主视图和局部视图中都有弹性滚动。如何在主视图中禁用弹性行为,而不是在ng-include的局部视图中禁用?
我尝试使用下一个代码,但它禁用了两个视图。
document.addEventListener('touchmove', function(e) {
e.preventDefault();
},
false
);
提前感谢!
如果你没有使用像isroll这样的库来滚动,你应该能够通过使用CSS和重新排列你的HTML来解决这个问题。
据我所知,你已经使用你的n -view作为一种容器元素,并在它的头,页脚和内容元素。
假设这是正确的,试着给容器元素的位置:fixed;将上,右,下,左都设为0。设置溢出为隐藏
也给content元素一个固定的位置,但是top = header的高度,bottom = footer的高度。然后给它一个overflow-y: scroll;
当然,这取决于你的页眉和页脚都是静态高度
我正在使用phonegap…所以我终于在config.xml中使用这个设置解决了我的问题:
<preference name="webviewbounce" value="false" />
更多信息请访问:https://build.phonegap.com/docs/config-xml
相关文章:
- AngularJS ng include dons'不起作用
- ng include导致角度问题
- AngularJS ng include won'不知什么原因不起作用
- 如何将动态文件名传递给ng-include
- 有没有办法在AngularJS中强制重新加载递归ng-include
- 使用ng-include渲染Angular模板时出现问题
- 每个ng-include模板都有单独的变量
- AngularJS:如何使用ng-include将javascript文件加载到部分中
- 阻止“ng include”创建孤立的作用域.AngularJS
- 如何扩展 Angularjs ng-include 指令
- 在 ng-include 中使用变量作为表达式
- ng-class 在 angularJs 中由 ng-include 包含的文件内不起作用
- 模块化与性能与性能与角度应用程序中的ng-include
- 未捕获的错误: [$injector:modulerr] - 角度 ng-include
- 使用ng-include调用控制器时AngularJS路由解析
- angular js中嵌套ng include内的表单
- Angularjs ng-include 不包括任何视图
- 在ui视图内部使用ng-include时出错
- Ng-include不会每次使用$scope渲染局部视图
- 在ng-view中禁用弹性滚动,但不要在ng-include的子视图中禁用