Witam, od pewnego czasu pracuję nad pewnym projektem strony, który wymaga stworzenia 2 kolumn w pewnym sensie zależnych od siebie. Jeżeli prawa kolumna zostanie przewinięta do div nr3 wtedy lewa kolumna również powinna być przewinięta do div nr3. W kodzie wygląda to mniej więcej tak:
[HTML] pobierz, plaintext 
  1. <body>
  2.     <div  id="left-column">
  3.         <div id="left-column-container"  style="overflow: hidden; position: fixed; top:78px; left:20;">  
  4.             <divid="oneLeft">
  5.                 <h1>1</h1>
  6.                 ...
  7.         </div> 
  8.         <div id="twoLeft">
  9.             <h1>2</h1>
  10.         </div>
  11.         <div id="threeLeft">
  12.             <h1>3</h1>
  13.             ...
  14.     </div>
  15.  
  16.     <div id="main-column" style>
  17.         <div class="content-text" id="one">
  18.  
  19.         </div>
  20. </body>
[HTML] pobierz, plaintext

A kod do przewijania znajduje się w js:
[PHP] pobierz, plaintext 
  1. var divleft =  $(divId).closest("div").attr("id") + "Left"; 
  2. console.log($("#left-column").find('#'+divleft).position().top +'div: '+divleft);
  3. $('#left-column-container').animate({ 
  4.     scrollTop: $("#left-column").find('#'+divleft).position().top
  5. }, 800);
[PHP] pobierz, plaintext

I wynik tego jest bardzo dziwny. Przy każdym kliknięciu w menu tego samego odnośnika powinniśmy uzyskać cały czas tą samą pozycję a otrzymujemy za każdym razem inną pozycję tego samego diva. Ma ktoś jakieś pomysły co tutaj może być nie tak?

Z Góry dziękuję za pomoc!
Pozdrawiam.