可摺疊面板和下拉菜單的動態定位

Question

我正在開發一個代碼，它需要動態定位插入在可摺疊面板下的下拉菜單。問題在於當面板崩潰時，需要垂直滾動才能進入下拉菜單，下拉菜單會丟失並在窗口外打開。但是當可摺疊封閉時，一切正常。什麼是JQuery定位代碼總是準確地打開下拉按鈕下不同的屏幕尺寸和不同的滾動條位置？這裏是我公司開發的示例代碼：

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

Answer 1

嘿問題是你不計算ScrollValue：我添加 「 - $（文件）.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); 
});