css - Angular Material 和 layout-fill 最多可填充 100% 的屏幕,仅此而已

标签 css angularjs less material-design angular-material

我正在研究 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 是添加到高度的量。我可以通过将 body 高度设置为 95% 来解决这个问题,但这不是一个很好的解决方案。

最佳答案

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

关于css - Angular Material 和 layout-fill 最多可填充 100% 的屏幕,仅此而已,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33917669/

相关文章:

jquery - Angular 上的颜色边框单独

html - 我想让虚线在窗口大小发生变化时响应(适合窗口)?

javascript - 如何在 sails.js 中使用 .less 文件?

javascript - 是否可以更改 h :outputStylesheet and h:outputScript 使用的/resources 文件夹名称

twitter-bootstrap - 在 Bootstrap 中,为什么我不能将光标自定义为 html 元素?

javascript - AngularJS 路由不更新菜单项,但正确加载 url 和 View

angularjs - 文本区域高度不会随预填充文本而改变

javascript - Angular Directive(指令)内部 html 重新编译并动态创建绑定(bind)属性

css - 网络包少。背景图片问题

css - 如何使用 brunch 编译 less css 文件