Css 溢出:在ui路由器ui视图上滚动
我已经创建了index.html,我希望导航栏位于屏幕底部。当加载的页面有很多内容时,我希望能够滚动到加载内容的位置,但页面底部的导航栏始终保持在那里 My index.htmlCss 溢出:在ui路由器ui视图上滚动,css,scroll,angular-ui-router,Css,Scroll,Angular Ui Router,我已经创建了index.html,我希望导航栏位于屏幕底部。当加载的页面有很多内容时,我希望能够滚动到加载内容的位置,但页面底部的导航栏始终保持在那里 My index.html <div class="row wrapper"> <div class="col-md-12 scrollable"> <div ui-view></div> </div> <div class="push"&g
<div class="row wrapper">
<div class="col-md-12 scrollable">
<div ui-view></div>
</div>
<div class="push"></div>
</div>
<div class="row footer" id="footer">
<div class="col-md-12">
<ul class="nav nav-tabs" id="myTabs">
<li><a ui-sref="home">Home</a></li>
<li><a ui-sref="about">About</a></li>
<li><a ui-sref="portfolio">Portfolio</a></li>
<li><a ui-sref="test">test</a></li>
</ul>
</div>
</div>
如果您使用引导,而不是放置页脚,因为从技术上讲,页脚只是位于页面底部的导航,您可以使用粘性导航结构,如下所示:
.scrollable {
width: 100%
overflow-y: scroll;
}
- 家
- 关于
- 投资组合
- 试验
.scrollable {
width: 100%
overflow-y: scroll;
}
<div class="row wrapper">
<div class="col-md-12 scrollable">
<div ui-view></div>
</div>
<div class="push"></div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="col-md-12">
<ul class="nav nav-tabs" id="myTabs">
<li><a ui-sref="home">Home</a>
</li>
<li><a ui-sref="about">About</a>
</li>
<li><a ui-sref="portfolio">Portfolio</a>
</li>
<li><a ui-sref="test">test</a>
</li>
</ul>
</div>
</nav>