我是 Angular 4 的超级新手。我只用 AngularJS 创建了几个项目。
我开始使用Teradata Covalent Framework来构建前端结构,并专注于构建目录 Web 应用程序的菜单内容和卡片列表。
我在https://stackblitz.com/edit/covalent-dashboard-ynyp1w?file=main.ts下载了这个完整的模板,您可以在下图中看到:
如您所见,问题在于页面右侧的那两个滚动条。我认为那里应该只存在内部滚动,因为它不会干扰灰色工具栏。
<td-layout>
<td-navigation-drawer flex [sidenavTitle]="name" logo="assets:covalent">
Top level navigation drawer
</td-navigation-drawer>
<td-layout-nav [toolbarTitle]="(media.registerQuery('gt-xs') | async) ? 'Dashboard' : ''" logo="assets:covalent" navigationRoute="/">
<button mat-icon-button td-menu-button tdLayoutToggle>
<mat-icon>menu</mat-icon>
</button>
<div td-toolbar-content>
Top toolbar
</div>
<td-layout-manage-list #manageList>
<div td-sidenav-content layout="column" layout-fill>
Inner sidenav listing dashboards
</div>
<mat-sidenav-container flex>
<mat-sidenav #sidenav align="end">
Right Sidenav
</mat-sidenav>
<td-layout-nav>
<div td-toolbar-content>
Second toolbar
</div>
<div flex layout-gt-sm="row">
<div flex-gt-sm="50">
<mat-card>
...
</mat-card>
</div>
</div>
</td-layout-nav>
</mat-sidenav-container>
</td-layout-manage-list>
<td-layout-footer>Footer content</td-layout-footer>
</td-layout-nav>
</td-layout>
任何已经使用过这个模板或者非常擅长 CSS 的人都可以告诉我如何从网站上移除这个多余的滚动条?还有(奖励)我怎样才能将那些旧的滚动条样式替换为来自 Facebook 的那些新的瘦滚动条?