Question

我的角项目中有两个div。我希望这两个div有独立的滚动条。

div就像这样构建。

use fields optins

我希望divs bvl和bml具有独立的滚动条。这是我的css文件。

<div ng-show="$state.includes('base.videolist')||$state.includes('base.movielist')">
   <ul class="nav navbar-fixed-top roboto nav-tabs">
      <li ui-sref="base.videolist" ui-sref-active="active"><a>Videos</a></li>
      <li ui-sref="base.movielist" ui-sref-active="active"><a>Movies</a></li>
   </ul>
</div>

<div id="bvl" class="scrol_sctn"  ui-view="videolist" ng-init="pullFingerprintData()" ng-show="$state.includes('base.videolist')"></div>
<div id="bml" class="scrol_sctn"  ui-view="movielist" ng-show="$state.includes('base.movielist')"></div>
<div id="vpl" class="cdnfullscreen" ui-view="videoplayer" ng-show="$state.includes('base.videoplayer')"></div>

我隐藏了body标签的滚动条，这样我就可以拥有bml和bvl标签的独立标签。但这样做会阻止整个页面使用滚动。任何帮助实现这一目标都非常感谢。

Answer 1

我为子div添加了高度，它开始按预期工作。

.scrol_sctn { 
    margin:30; 
    padding:100;
    height:100vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

Angularjs为不同的div独立滚动

1 个答案: