Javascript 使div可滚动（当它有ng repeat时）

这是我的html代码：

 <div id="header_context" class="scroll">
    <div id="column_scroll" class="column" ng-repeat="column in columns track by column.name" ng-hide="column.name == 'date'" ng-click="column.visible = !column.visible">
        <div class="checkmark" ng-class="{'checked': column.visible}"></div>
        <div class="" ng-bind-html="column.title"></div>
    </div>
</div>

这是我在.js中拥有的一个函数：

  $('#timeline_container #content .trips_header').on('contextmenu', function(e) {
    e.preventDefault();
    e.stopPropagation();
    hideContextMenu();
    $('#header_context').css({
        display: 'block',
        left: e.clientX,
        top: e.clientY,
        overflow:scroll
    });
    $('#header_context > div').click(function(evt) {
        evt.stopPropagation();
    });
});

这是我的检查员看到的：

PS：我试着从inspector overflow-scroll更改，但仍然被阻止。我还需要补充什么吗

PPS：这是它在PC上的外观，或者如果检查员关闭： 这是检查员在电脑或笔记本电脑上的外观：

---

如您所见，该列表不适合，并且不可滚动。

我猜您缺少一些html代码。

---

顺便说一下，如果您希望它是可滚动的，div header_context或任何将包含ng repeat项的div必须定义一个height或max height属性，然后使其溢出-y:scroll；因此，如果子项ng repeat divs height超过父项height，则父项可滚动。

如果没有滚动溢出：滚动只会使滚动条可见，它们将处于非活动状态。溢出：当需要滚动时，自动将显示滚动条。-顺便说一句，html中没有类滚动或id列滚动。请修改代码。很抱歉我在玩git reset，事情就这样发生了。嗯，它应该是可滚动的。我有一个可检查的项目列表。但是如果它是笔记本电脑，列表中的内容并不都可见，我无法向下滚动从列表中选择另一个对象。只是另一个简单的问题：这个问题有效：var header=document.getElementById'header_context'header.style.maxHeight='150px'；但这不是：header.style.maxHeight=document.body.offsetHeight-e.clientY；我错过了什么？如何将我的值声明为pxTry header.style.maxHeight=document.body.offsetHeight-e.clientY+'px'；谢谢，对不起，我是一名android开发者，所以对javascriptYou仍然有点不懂，欢迎光临=

  $('#timeline_container #content .trips_header').on('contextmenu', function(e) {
    e.preventDefault();
    e.stopPropagation();
    hideContextMenu();
    $('#header_context').css({
        display: 'block',
        left: e.clientX,
        top: e.clientY,
        overflow:scroll
    });
    $('#header_context > div').click(function(evt) {
        evt.stopPropagation();
    });
});