这是我的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>
这是我的CSS:
#column_scroll{
overflow: scroll;
}
.scroll{
overflow: scroll !important;
}
这是我在 .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();
});
});
这是我的检查员看到的: https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/lPNa4qbS34P6dVE/upload.png
PS:我尝试从检查器溢出 - 滚动更改,但它仍然被阻止。我还需要添加其他内容吗?
PPS:这是它在 PC 上的样子,或者检查器关闭时的样子: https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/b37eCtrQIfgV4dt/upload.png 这是检查员在电脑上或笔记本电脑上的样子: https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/qSquGYY8ZWulHZm/upload.png
如您所见,列表不适合,而且不可滚动。
最佳答案
我猜你遗漏了一些 html 代码。 顺便说一下,如果您希望它是可滚动的,div“header_context”或任何将包含 ng-repeat 元素的 div 必须定义高度或最大高度属性,然后将其设置为“溢出-y:滚动;”因此,如果 child ng-repeat div 的高度超过父级高度,则父级变为可滚动。
关于javascript - 使 div 可滚动(当它有 ng-repeat 时),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42253214/