AngularJS中的md-content滚动问题

时间:2016-03-25 06:23:40

标签: html css angularjs scrollbar

我使用Responsive和Angular Material设计了一个带有标题,内容正文和页脚的网页。内容正文中包含inventory['gold'] += 50 ,其中包含多个md-content段落文字内容。我将溢出设置为auto(<p>)。但我无法滚动内容。

以下源代码包含HTML,AngularJS和CSS:

overflow: auto

2 个答案:

答案 0 :(得分:1)

将layout-fill添加到你的ng-app div

<div ng-app="MyApp" class="contentdemoBasicUsage" ng-controller="AppCtrl" layout="column" ng-cloak="" layout-fill>
....

请参阅http://codepen.io/anon/pen/WwONQV

答案 1 :(得分:0)

溢出的属性值 -

  • 可见 - 溢出未被剪裁。它呈现在元素框的外部。这是默认的
  • hidden - 溢出被剪裁,其余内容将不可见
  • scroll - 剪辑溢出,但添加了滚动条以查看其余内容
  • auto - 如果剪辑溢出,则应添加滚动条以查看其余内容
  • initial - 将此属性设置为其默认值。阅读初始
  • inherit - 从其父元素继承此属性。阅读有关继承的信息

尝试使用滚动值进行溢出。