스크롤 후 제목 텍스트 배치 꺼짐

Question

내 문제는 #leftnav에서 스크롤 한 후 #leftnavHover이 새 top CSS 값에 따라 위치하지 않는다는 것입니다. #leftnavHover div가 브라우저의 네이티브 제목 텍스트와 동일한 방식으로 따라야합니다.

는 여기에 바이올린 여기 http://jsfiddle.net/fauverism/b4rwb/6/

내가 설명하고있는 무슨 단계에 의해 단계은 ...

• 방문 링크의와 탐색 DIV 내부의 탐색 메뉴에서
• 스크롤 기병대를 위로 마우스를 이동
• Sabers 위로 마우스를 가져 가면 #leftnavHover 안에 세이버 텍스트가 같은 위치에 배치됩니다. div 배치는 새로운 topAfterScroll 배열을 삽입하지 않습니다. 배열은 한 번만 나타나고 원래 값으로 제거됩니다. 여기

은 ... 몇 가지 세부 사항입니다

• 나는
• 이는 크롬에서 작동하는 새로운 VAR에 topAfterScroll에서 스크롤 한 후 검색되는 배열을 저장할 수없는 것 :)

예 브라우저가이 기능을 잘 처리했기 때문에 이것이 이상하게 보입니다. 그것은 Chromium 문제입니다.

Answer 1

그냥 이런 #leftnav에 jQuerys scrollTop (API)를 사용하여 스크롤 픽셀 빼기 :

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

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