剑道菜单第一次错误的位置项目

时间:2017-03-06 15:08:13

标签: html css kendo-ui kendo-menu

我遇到了其中一个剑道控制问题 - 菜单 问题是,当我用C项打开子菜单时,它的容器位置错误。它发生在所有元素上,但仅在第一次扩展时才会发生。

演示http://dojo.telerik.com/UhaKI

要重新创建问题,我刚刚添加了空高div元素 打开链接并向下滚动到底部,打开并展开2008项。 如何解决?

2 个答案:

答案 0 :(得分:1)

让我们试试这里的建议:http://www.telerik.com/forums/multi-column-menu

.k-menu .year-item {
    width: 120px;
}
.k-menu .year-item .k-item {
    float: left;
    width: 50px;
}

http://dojo.telerik.com/@Stephen/EvAPI

答案 1 :(得分:0)

查看此解决方案

ul#menu {
    background-color: green;  color: white;
  }
  li.year-item  div.k-animation-container {
    width: 120px !important;
    top: 0 !important;
    height: auto !important;
  }

  li.year-item >  div.k-animation-container ul li.k-item {
    width: 50%;

}
  .k-menu .k-menu-group>.k-item {
    position: static;
  }

  li.year-item >  div.k-animation-container ul {
    display: flex !important;
    flex-wrap: wrap;
  }

  #big{ 
    height: 1300px;
  }

直播 - http://dojo.telerik.com/ExAqo