Zusammenklappbares Bedienfeld und dynamische Positionierung des Dropdown-Menüs

Question

Ich entwickle einen Code, der ein Dropdown-Menü dynamisch positionieren muss, das unter einem reduzierbaren Bedienfeld eingefügt wird. Das Problem ist, wenn das Panel kollabiert wird, müssen Sie vertikal scrollen, um zum Drop-Down zu kommen, Drop-Down gehen verloren und öffnen sich außerhalb der Fenster. Aber wenn das Faltbare geschlossen ist, funktioniert alles gut. Was ist der JQuery-Positionierungscode, der immer genau unter der Schaltfläche in verschiedenen Bildschirmgrößen und verschiedenen Bildlaufleistenpositionen angezeigt wird? Hier ist der Beispielcode I entwickelt:

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

Answer 1

Hey das Problem ist, dass Sie nicht die ScrollValue sind Berechnung: i added "- $ (document) .scrollTop()" und alles funktioniert perfekt

$(".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); 
});