slideDownの後に隠しdiv内の要素にスクロール

Question

隠されたDIV（特定の高さを持つ）には選択可能なアイコンDIVがたくさんあります。このDIVはslideDown jQuery関数で表示され、選択した入れ子のアイコンDIVにスクロールします（高さ制限のために表示されていない隠れたdivの中央にあります）so

[trigger-btn]をクリックした後、隠されたDIVがslideDown関数を使って表示されますので、 [icon-list]の[scrollTop]に適用しますが、間違った位置に移動しました。

<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

これは私が 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

一度プロジェクトのためにそれをやった方法です

また、あなたの位置が固定されていれば、ヘッダ、その後、あなたはそれが高さだを考慮する必要があります。

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

編集ここで重要な瞬間が（オフセットされていることをhttp://jsfiddle.net/bimbonkens/p9huerde/

正解と

フィドル）、トップはからのオフセットを取得します親のdivの先頭