Css 角材质md内容使用它';s自己的Y滚动条
使用角度1.*和角度材质 我对插入Css 角材质md内容使用它';s自己的Y滚动条,css,angularjs,angular-material,Css,Angularjs,Angular Material,使用角度1.*和角度材质 我对插入和md内容的视图有问题。如果视图的高度大于视图端口。它创建了自己的Y滚动条,所以我有两个Y滚动条彼此相邻 我可以在md content上执行overflow-y:hidden。但是,如何才能使视图水平地推动视口,从而只使用外部滚动条 <body ng-app="app"> <md-toolbar class='md-medium-tall'> <div class="main-title">
和md内容的视图有问题。如果视图的高度大于视图端口。它创建了自己的Y滚动条,所以我有两个Y滚动条彼此相邻
我可以在md content
上执行overflow-y:hidden
。但是,如何才能使视图水平地推动视口,从而只使用外部滚动条
<body ng-app="app">
<md-toolbar class='md-medium-tall'>
<div class="main-title">
<img src="./images/yo-small.png">
<p class="top-title">foo</p>
<h5>Bar</h5>
</div>
</md-toolbar>
<div class="menu-container" layout="row">
<md-sidenav
md-is-locked-open="$mdMedia('min-width: 900px')"
class="md-sidenav-left"
md-whiteframe="0">
<md-menu-content>
<md-menu-item>
<md-button href="#ppv">
<md-icon class="material-icons" menu-align-target="">assessment</md-icon>
PPV</md-button>
</md-menu-item>
</md-menu-content>
</md-sidenav>
<md-content>
<div ng-view></div>
</md-content>
</div>
</body>
这实际上是有意的行为。mdContent
指令被定义为具有自己的滚动条的可滚动内容的块元素,并且只应在希望发生嵌套滚动的情况下使用。常用于对话框、侧栏和底部工作表元素中
尝试在内部md内容上使用布局填充
<div style="height: 1000px; width: 800px ">
<h1>mom</h1>
</div>
md-content {
overflow-y: hidden;
}
angular.module('app')
.controller('PPVCtrl', ['$scope', function($scope) {
// fix for angular-material responsive issue
document.body.style.height = "800px";
$scope.$on('$destroy', function() {
document.body.style.height = "100%";
});
}]);