Kendo 第一次菜单项位置错误

Question

我在使用 kendo 控件之一 - 菜单时遇到问题。
问题是，当我打开带有 C 项的子菜单时，它的容器位于错误的位置。它发生在所有元素上，但只有在第一次展开时才会发生。

为了重现问题，我刚刚添加了空的 div 高度较大的元素。
打开 link 并向下滚动到底部，打开并展开 2008 项。如何解决？

Answer 1

看这个解决方案

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

Answer 2

让我们试试这里的建议：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

Kendo 第一次菜单项位置错误

Kendo menu wrong position items first time

html

css

kendo-ui

kendo-menu