即使页面已经加载，Web 内容在进入视图之前不会加载

Question

我是 angular 的新手，正在创建网站。当我在移动设备上的此页面 http://metrotennis.com/raymond/#/usta/brooklyn 上尝试向下滚动页面时，内容将不会加载，直到内容进入视图。我正在使用 ui-路由器

.config(['$stateProvider', '$urlRouterProvider',
    function ($stateProvider, $urlRouterProvider) {
        .state( 'usta', {
            url: '/usta',
            views: {
               "main": {
                   controller: 'usta',
                   templateUrl: 'templates/usta.html'
                },
            }
         })
         .state("manhattan", {
             parent: 'usta',
             url: '/manhattan',
             controller: 'manhattan',
             templateUrl: 'templates/manhattan.php'
          })
    }
])

所以我将这个 div 插入到父页面以获取新文件：

<div ui-view></div>

如果我遗漏了什么或者只是因为我的页面很重，请告诉我。

谢谢！

Answer 1

我需要补充：

html{
    overflow-y: scroll!important;
    -webkit-overflow-scrolling: touch;
}