我有一个很长的div,它是由ng-hide隐藏/显示的.
这是基于离子 demo的样品.
原文链接:https://www.f2er.com/angularjs/240341.html这是基于离子 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中存在复杂的模板内容,则此问题很容易重现.
有什么方法可以避免这个问题吗?