Jquery 隐藏在kendogrid中的下拉菜单

在我的kendogrid中，我需要显示一个下拉菜单（单击按钮）和允许调整列大小，如果我的数据对于网格来说太大，则显示一个滚动条。我的溢出设置有问题

活样品

---

如果我在我的网格上设置了

overflow-y:scroll

，下拉菜单并不总是可见的。

---

另一方面，如果我设置了溢出-y:visible，我会在右边看到溢出的行。

我已经尝试了所有方法，每种可能的溢出组合，更改z索引，在多余的行数据顶部显示黄色div。什么都没用

我还尝试将下拉菜单更改为

position:fixed

，但无论出于何种原因滚动窗口时，都会出现问题（因为此时菜单没有显示在按钮的正下方）

例如：菜单的固定位置

浏览器：Chrome/Firefox（ff需要更多的大小调整才能获得相同的效果）

---

Twitter Bootstrap:2.3.2

在过去，我也曾经历过类似的情况。在验证最后一行时，剑道网格自己的数据验证消息将被隐藏

似乎没有一个合适的方法来解决这个问题而不让事情变得一团糟，但是如果你对这个黑客没意见，你可以使用这个代码

$（“#网格”）.on（'click'，'.btn.btn mini.dropdown toggle'，函数（e）{
setTimeout（函数（）{
var gridSpace=$（'.k-grid-content'）；
动画（{scrollTop:500}）；
},50);
});

我所做的只是在单击您的自定义网格按钮时滚动到底部

• 500

  是大于剑道网格内容div和下拉高度之和的任意高度

• setTimeout

  用于在创建滚动条后执行滚动

如果下拉列表没有导致创建滚动条，这意味着没有隐藏任何下拉列表，而scrollTop不会因为没有滚动条而执行任何操作。如果下拉菜单确实调用了滚动条的创建，则表示它是隐藏的，可以滚动到最底部

---

你的更新…

我尝试了很多不同的解决方案，但最后我选择使用一个

上下文菜单插件，以引导为主题，将它绑定到我的按钮点击。我将发布一个示例代码，希望它对处于相同情况的其他人有用

这是我正在使用的上下文菜单插件：

它包括一点编码和一个插件，但我发现结果确实非常适合我的（视觉）需求

这是我的建议

谢谢你的回答，我也尝试过类似的方法，但感觉太粗糙了。另外，很难定义像500这样的任意高度，因为我的菜单内容是动态的。我最终使用了一个插件，我将添加它作为答案