【问题标题】:Angular Material and layout-fill to fill up to 100% of screen, no moreAngular 材质和布局填充最多可填充 100% 的屏幕,仅此而已
【发布时间】:2016-02-28 07:28:40
【问题描述】:

我正在研究 Angular Material,但我不习惯使用 flexbox 进行布局。我不想在屏幕右侧出现滚动条。但是,我希望在工具栏下方的每个div 的右侧都有一个滚动条。

HTML:

<body ng-controller="MainController as main" ng-cloak>
  <div ng-include="'menu.html'"></div>
  <div ng-include="'toolbar.html'"></div>
  <div ui-view layout="row" layout-fill></div>
</body>

My Plunkr example

在我的 Plunkr 中,请注意显示了两个工具栏。我不希望显示外部工具栏。如果我在左内滚动条中向下滚动,除非我使用右外侧滚动条向下滚动更远,否则我看不到该元素的底部。

Another example of my issue

在我的 Imgur 示例中,我向下滚动了文档,我可以看到所有内容,但我再也看不到工具栏了。出于某种原因,md-toolbar 是添加到高度的数量。我可以通过将身高设置为 95% 来解决此问题,但这不是一个很好的解决方案。

【问题讨论】:

  • 即使在检查屏幕截图后我也没有得到您的问题
  • 我不想向右滚动条。布局比全屏还要多。
  • 你能把你需要的屏幕截图贴出来吗?
  • 我更新了帖子:imgur.com/a/3eEJH
  • 你有没有收到过这个问题的回复,因为我有同样的问题?

标签: css angularjs less material-design angular-material


【解决方案1】:

似乎在元素上设置position: fixed; right: 0; 为我解决了这个问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-05-14
    • 2015-06-21
    • 1970-01-01
    • 2023-03-22
    • 2014-07-23
    • 2020-06-25
    • 1970-01-01
    • 2018-11-15
    相关资源
    最近更新 更多