2

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

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

为了重现这个问题,我刚刚添加了高度较大的空div元素。
打开链接并向下滚动到底部,打开并展开 2008 项目。如何解决?

4

2 回答 2

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

于 2017-03-06T19:19:50.590 回答
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

于 2017-03-06T15:53:27.253 回答