javascript - 下拉菜单的可折叠面板和动态定位

Question

我正在开发一个代码，它需要动态定位一个插入可折叠面板下的下拉菜单。问题是当面板折叠时，您需要垂直滚动才能进入下拉菜单，下拉菜单会丢失并在窗口外打开。但是，当折叠器关闭时，一切正常。在不同屏幕尺寸和不同滚动条位置下始终准确打开按钮下下拉的jQuery定位代码是什么？这是我开发的示例代码:

https://jsbin.com/biwiwatoxi/edit?html,css,js,output

Answer 1

嘿，问题是你没有计算 ScrollValue :我添加了 "- $(document).scrollTop()"并且一切正常

$(".dropdown").on('click', function() 
{
    $(this).find('.dropdown-menu').css('top',$(this).offset().top - $(document).scrollTop() + 30);
    $(this).find('.dropdown-menu').css('left',$(this).offset().left);
});