添加angularjs后,网站页面不可滚动

时间:2017-07-04 17:30:47

标签: javascript html angularjs

我有一个首先作为模板下载的网站。为了转换为角度应用,我删除了除包含<head>的索引页之外的所有其他页面的所有<html><body><ng-view>标记。现在路由工作正常,可以重定向到所有页面,但问题是页面不再滚动。 index.html页面看起来像这样

<!DOCTYPE html>
<html lang="en" ng-app="myApp" ng-controller="IndexController">
<head>
<title>My site</title>
</head>
<body>

<div ng-view [onload="string"]
     [autoscroll="string"]></div>


</body>
</html>

,其他页面看起来像这样

<div>
<!-- page content goes here-->
</div>

app config就像

&#13;
&#13;
var app = angular.module('myApp',['ngRoute','LocalStorageModule','ngStorage']);

app.config(
    function($routeProvider)
    {
        $routeProvider
        .when("/", {templateUrl : "home.html", controller: 'HomeController' })

//other routes
        
});
&#13;
&#13;
&#13;

当我运行此网站时,所有内容较长的网页都会缩短,无法滚动查看其余内容。请帮忙。我一直在使用angularjs一段时间,但我以前从来没有遇到过这样的事情。

0 个答案:

没有答案