我有一个很长的div,它是由ng-hide隐藏/显示的.
这是基于离子 demo的样品.
这是基于离子 demo的样品.
单击按钮以显示或隐藏longDiv.如果您在隐藏或显示页面后尝试立即滚动页面.
有时您可以发现即使在longDiv隐藏之后页面也可以向下滚动.有时甚至在longDiv显示后页面也无法向下滚动.但是如果等待几秒钟,然后尝试滚动页面,滚动条可以匹配页面的实际高度.
HTML:
- <ion-content ng-controller="controller">
- <button ng-click="test.show_detail=!test.show_detail">{{test.show_detail}}</button>
- <div ng-show='test.show_detail'>
- <div ng-repeat='i in test.list'>
- {{i}}
- </div>
- </div>
- </ion-content>
JS:
- .controller('controller',function ($scope) {
- $scope.test = {};
- $scope.test.show_detail = true;
- $scope.test.list = [];
- for(i=0; i< 1000; i++){
- $scope.test.list.push(i);
- }
如果longDiv中存在复杂的模板内容,则此问题很容易重现.
有什么方法可以避免这个问题吗?