Как прокрутить div в моем случае?

0

Я пытаюсь прокрутить мою базу содержимого div на том, какие ссылки пользователь нажимает.

http://jsfiddle.net/BPB7z/11/

Мои коды отлично работают, когда я без прокрутки вниз. Однако, если я прокручиваю вниз и нажимаю ссылку, содержимое будет прокручиваться вверх, вместо текущей верхней позиции.

Например.

        //works fine without scrolling the windows.
 ------------------------------------ <- top of my browser
    test1    | test1
    test2    |
    test3    |
             |
             |
             |
             | test2

Если я прокручу вниз по окнам и кликнув по ссылке 9. Тестирование 9 div будет скрыто

-------------------------------   <- top of my browser.
test9     | 
test10    |
test11    |test10
test12    |
          |
          |
          | 

Может кто-нибудь помочь мне в этом вопросе? Большое спасибо!

  • 0
    Вы установили высоту 900 пикселей. Это выше, чем высота браузера, поэтому теперь у вас есть 2 полосы прокрутки. Если вы прокрутили вниз прокрутку браузера (а не только прокрутку #items ), то верхняя часть этого div скрыта за страницей вверху.
  • 0
    Точно - это ситуация, в которой его спрашивают, как обратиться, и цель вопроса здесь.
Показать ещё 1 комментарий
Теги:

1 ответ

1
Лучший ответ

Надеюсь, я правильно понимаю ваш вопрос. Если это так, это небольшое обновление будет работать:

http://jsfiddle.net/BPB7z/13/

$('#items').animate({
   scrollTop: $('#'+id+'-test').offset().top - $(window).scrollTop() + $('#items').scrollTop()
}, 700);  

Вычитая значение $(window).scrollTop(), мы найдем истинную позицию для анимации с учетом положения прокрутки окна.

  • 0
    именно то, что мне нужно здесь. Спасибо!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню