【问题标题】:if items overflow apply scroll dynamically如果项目溢出动态应用滚动
【发布时间】:2016-05-11 16:11:46
【问题描述】:

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);

【问题讨论】:

    标签: javascript css knockout.js


    【解决方案1】:

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

    overflow: auto;
    

    【讨论】:

    • 是否有办法在所有团队加载完毕后订阅活动? (通常,这将是一个 ajax 负载)?我应该为此创建一个新问题吗?
    • 我认为这是另一个问题。在这里我可以说ajax调用有一个回调,你可以在其中执行一些操作
    猜你喜欢
    • 2023-01-22
    • 2016-09-23
    • 1970-01-01
    • 2020-03-11
    • 1970-01-01
    • 1970-01-01
    • 2014-01-19
    • 2017-03-02
    • 2014-02-18
    相关资源
    最近更新 更多