За последние 24 часа нас посетили 19417 программистов и 1581 робот. Сейчас ищут 1829 программистов ...

offset не правильно работает

Тема в разделе "JavaScript и AJAX", создана пользователем vikrorpert, 6 фев 2016.

  1. vikrorpert

    vikrorpert Активный пользователь

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    Код (PHP):
    1. <div class="list-artists">
    2.             <div class="ar-item ">
    3.             <a href="/artist/folkbeat">
    4.                 <div class="toggler">
    5.                     <div class="name">FolkBeat</div>
    6.                     <div class="style">(world music / этно-электроника)</div>
    7.                     <div class="city">Россия / Москва</div>
    8.                     <div class="clear"></div>
    9.                 </div>
    10.              </a>
    11.         </div>
    12.                     <div class="ar-item ">
    13.             <a href="/artist/bubamara-brass-band">
    14.                 <div class="toggler">
    15.                     <div class="name">Bubamara Brass Band</div>
    16.                     <div class="style">(балканская музыка)</div>
    17.                     <div class="city">Россия / Москва</div>
    18.                     <div class="clear"></div>
    19.                 </div>
    20.              </a>
    21.         </div>
    22.                     <div class="ar-item ">
    23.             <a href="/artist/algambra">
    24.                 <div class="toggler">
    25.                     <div class="name">Algambra</div>
    26.                     <div class="style">(world fusion)</div>
    27.                     <div class="city">Москва</div>
    28.                     <div class="clear"></div>
    29.                 </div>
    30.              </a>
    31.         </div>
    32.                     <div class="ar-item ">
    33.             <a href="/artist/vozvrashenie">
    34.                 <div class="toggler">
    35.                     <div class="name">Возвращение</div>
    36.                     <div class="style">(рок)</div>
    37.                     <div class="city">Россия / Москва</div>
    38.                     <div class="clear"></div>
    39.                 </div>
    40.              </a>
    41.         </div>
    42.                     <div class="ar-item active">
    43.             <a href="/artist/anna-gofman">
    44.                 <div class="toggler">
    45.                     <div class="name">Анна Гофман и Mazal Bueno Orquesta</div>
    46.                     <div class="style">(world fusion, sephardic)</div>
    47.                     <div class="city">Россия / Москва</div>
    48.                     <div class="clear"></div>
    49.                 </div>
    50.              </a>
    51.         </div>
    52.         
    53.  
    54.             <div class="ar-item ">
    55.             <a href="/artist/puck-piper">
    56.                 <div class="toggler">
    57.                     <div class="name">Puck & Piper</div>
    58.                     <div class="style">(ирландская, кельтская музыка)</div>
    59.                     <div class="city">Россия / Москва</div>
    60.                     <div class="clear"></div>
    61.                 </div>
    62.              </a>
    63.         </div>
    64.                     <div class="ar-item ">
    65.             <a href="/artist/dmitrii-novokolckii">
    66.                 <div class="toggler">
    67.                     <div class="name">Дмитрий Новокольский</div>
    68.                     <div class="style">(кантри, блюграсс)</div>
    69.                     <div class="city">Россия / Москва</div>
    70.                     <div class="clear"></div>
    71.                 </div>
    72.              </a>
    73.         </div>
    74.                     <div class="ar-item ">
    75.             <a href="/artist/sattuma">
    76.                 <div class="toggler">
    77.                     <div class="name">Sattuma</div>
    78.                     <div class="style">(world, folk)</div>
    79.                     <div class="city">Петрозаводск</div>
    80.                     <div class="clear"></div>
    81.                 </div>
    82.              </a>
    83.         </div>
    84.                     <div class="ar-item ">
    85.             <a href="/artist/baraka">
    86.                 <div class="toggler">
    87.                     <div class="name">Baraka</div>
    88.                     <div class="style">(этно-джаз)</div>
    89.                     <div class="city">Латвия / Рига</div>
    90.                     <div class="clear"></div>
    91.                 </div>
    92.              </a>
    93.         </div>
    94.                 </div>
    95.  
    96. $('body').animate({
    97.             scrollTop: $(".ar-item.active").offset().top
    98.         }, 1000);
    99.  
    проблема такая- для первой половины элементов ar-item скролл нормально работает, для второй половины неправильно вычисляется позиция, скролируется немного ниже
    что это может быть?
     
  2. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.116
    Симпатии:
    1.244
    Адрес:
    там-сям
    Чувак, освой уже jsfiddle или аналогичный сервис. Чтобы живой пример давать.
     
  3. vikrorpert

    vikrorpert Активный пользователь

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10