我在使用其中一个剑道控件 - 菜单时遇到问题。
问题是当我打开带有C
项目的子菜单时,它的容器位置错误。它发生在所有元素上,但仅在它们被扩展时才第一次发生。
演示http://dojo.telerik.com/UhaKI
为了重现这个问题,我刚刚添加了高度较大的空div
元素。
打开链接并向下滚动到底部,打开并展开 2008 项目。如何解决?
我在使用其中一个剑道控件 - 菜单时遇到问题。
问题是当我打开带有C
项目的子菜单时,它的容器位置错误。它发生在所有元素上,但仅在它们被扩展时才第一次发生。
演示http://dojo.telerik.com/UhaKI
为了重现这个问题,我刚刚添加了高度较大的空div
元素。
打开链接并向下滚动到底部,打开并展开 2008 项目。如何解决?
让我们试试这里的建议:http ://www.telerik.com/forums/multi-column-menu 。
.k-menu .year-item {
width: 120px;
}
.k-menu .year-item .k-item {
float: left;
width: 50px;
}
看看这个解决方案
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;
}