Scrolle zu einem Element in einem versteckten div nach slideDown

Question

Es gibt einen versteckten DIV (hat eine bestimmte Höhe) hat eine Menge auswählbarer Icon DIVs, Dieser DIV wird durch slideDown jQuery Funktion angezeigt, ich möchte in das ausgewählte verschachtelte Icon DIV scrollen (in der Mitte des versteckten div, das nicht wegen der Höhenbegrenzung angezeigt wird) nach slideDown .. so

Nach dem Klicken auf [trigger-btn] das versteckte DIV mit Hilfe der slideDown-Funktion, So testen wir offset(). top] von [DIV des auswählbaren Symbols] und wende es auf [scrollTop] von [icons-list] an, aber es ging an eine falsche Position.

<div class="elements-container"> 
    <div class="trigger-btn"></div> 

    <div class="hidden-div-wrapper"> 

     <select class="icons-library">...</select> 

     <div class="find-icon">...</div> 

     <div class="icons-list"> 

      <!-- Selectable Icon DIVs --> 

     </div> 
    </div> 
</div> 

Answer 1

Dies ist, wie ich es für ein Projekt einmal https://jsfiddle.net/bimbonkens/3ssfvyms/

CSS

.slideable { 
    background: #000; 
    display: none; 
} 

.slideable div { 
    width: 50%; 
    margin: 0 auto 50px; 
} 

.buffer { 
    background: #fff; 
    height: 800px; 
} 

.target { 
    background: #cfc; 
    height: 1200px; 
} 

HTML

<div class="slideable"> 
    <div class="buffer"></div> 
    <div class="target"></div> 
</div> 

JS

tat

Auch wenn Sie eine Position haben: behoben; Header, dann müssen Sie für Account Höhe ist.

scrollTop: $('.target').offset().top - fixed_element_height 

bearbeiten

Geige mit der richtigen Lösung http://jsfiddle.net/bimbonkens/p9huerde/

Der entscheidende Moment ist hier, dass Offset() nach oben aus der Offset wird das obere Ende des ganzen Dokuments, um das zu berücksichtigen, subtrahierte ich die Position(). oben auf Elternteil div