Выделение текста текста после прокрутки

Question

Моя проблема заключается в том, что после прокрутки в #leftnav#leftnavHover не позиционируется в соответствии с новым значением css top. Мне нужно, чтобы div #leftnavHover соответствовал тому, как это делает собственный текст заголовка для браузера.

Вот скрипка http://jsfiddle.net/fauverism/b4rwb/6/

Вот шаг за шагом, что я описываю ...

• Посетите ссылку и наведите курсор на Сабли в нав
• Scroll внутри нав DIV
• Наведите указатель мыши на Сэйверс снова, и вы заметите, что размещение текста Sabres внутри #leftnavHover находится на том же месте. Размещение div не вставляет новый массив topAfterScroll. Массив присутствует только один раз, и затем он удаляется с исходным значением.

Вот некоторые подробности ...

• Я не могу хранить массив, который извлекается после свитка из topAfterScroll в новый вар
• Это имеет только работать в Chrome :)

Да, я знаю, что это кажется странным, поскольку браузеры прекрасно справляются с этой функциональностью. Это проблема Хром.

Answer 1

Просто вычесть прокручиваться пикселей, используя jQuerys scrollTop (API) на #leftnav, как это:

$('#leftnavHover').text(this.title).css('top', this.offsetTop - $('#leftnav').scrollTop()); 

http://jsfiddle.net/b4rwb/7/