Angularjs 使引导行的一列可滚动

我一直在试图找出如何/在何处将overflow:scroll样式放置到bootstrap div元素，但运气不好。我的应用程序是angularjs，正在与本地MySQL服务器进行对话……因此，在其中放置一个JSF并不容易……我将尝试附加一张图片和一些代码，希望有人能引导我朝着正确的方向前进

我的目标是在左侧有一个歌曲的主列表，现在有大约100首歌曲。然后我在右边有三个集合列表，我将歌曲拖入其中以构建集合。使用JQuery可排序的东西，这一切都可以正常工作。我现在的问题是，当设置列表停留在屏幕上时，主歌曲列表需要向下滚动以访问所有歌曲

在所附的图像中，引导容器的轮廓为蓝色，行为红色虚线，列为绿色虚线，最后#masterList和#setxx div为红色实线

看起来我的滚动条在元素的右DIV中…但是页面似乎呈现了整个列表，所以滚动发生在浏览器级别…而不是DIV中

任何帮助都将不胜感激

呃

歌曲总目录
{{song.ID}-{{song.Title}
第01组
{{song.ID}-{{song.Title}
第二组
{{song.ID}-{{song.Title}
第03集
{{song.ID}-{{song.Title}

Set List Maker应用程序的屏幕截图

---

我想你想要这样的东西吧

body，html{
保证金：0；
填充：0；
溢出：隐藏；
}
.容器液体{
保证金：0；
填充：0；
}
左边
.对{
高度：100vh；
溢出：隐藏；
溢出y：滚动；
文本对齐：居中；
}
.左{
背景色：#eee；
}
.对{
背景颜色：卡其色；
}

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

    <div class="container">
      <div class="row">
        <div class="col-md-3">  <!-- Master song list DIV !-->     
            <div ng-controller="getMasterSongListController">
            <b>Song Master List</b>
              <div id="masterList" style="overflow: scroll;">
                  <div id="songID_{{song.ID}}" ng-repeat="song in songs | orderBy:'ID'" class="item">
                    {{song.ID}} - {{song.Title}}
                  </div>
              </div>                      
            </div>
        </div>

        <div class="col-md-3">  <!-- Set one DIV !-->
          <div ng-controller="getSongsSetOneController">
            <b>SET 01</b>
              <div id="setOne">
                  <div id="songID_{{song.ID}}" ng-repeat="song in setOneSongs" class="item">
                    {{song.ID}} - {{song.Title}}
                  </div>
              </div>                      
            </div>
        </div>

        <div class="col-md-3">  <!-- Set two DIV !-->
          <div ng-controller="getSongsSetTwoController">
            <b>SET 02</b>
              <div id="setTwo">
                  <div id="songID_{{song.ID}}" ng-repeat="song in setTwoSongs" class="item">
                    {{song.ID}} - {{song.Title}}
                  </div>
              </div>                      
            </div>
        </div>

        <div class="col-md-3">  <!-- Set three DIV !-->
          <div ng-controller="getSongsSetThreeController">
            <b>SET 03</b>
              <div id="setThree">
                  <div id="songID_{{song.ID}}" ng-repeat="song in setThreeSongs" class="item">
                    {{song.ID}} - {{song.Title}}
                  </div>
              </div>                      
            </div>
        </div>

      </div>
    </div>