如果项目溢出,则动态滚动

if items overflow apply scroll dynamically

本文关键字:动态 滚动 项目 溢出 如果      更新时间:2023-09-26

https://jsfiddle.net/Ldv10oz5/2/

如果列表大于div,我将如何设置div 动态滚动?

<div style="border: 1px solid black; width: 150px; height: 75px;">
  <div data-bind="foreach: {data:teams}">
    <div>
      <span data-bind="text: name"></span>
    </div>
  </div>
</div>

function Team(name) {
  var self = this;
  self.name = name;
}
function AppViewModel() {
  var self = this;
  self.teams = ko.observableArray([
    new Team('red'),
    new Team('blue'),
    new Team('yellow'),
    new Team('green'),
    new Team('orange'),
  ]);
}
var vm = new AppViewModel();
ko.applyBindings(vm);

尝试添加到父div(这有边框)css:

overflow: auto;