滚动后标题文本位置关闭

Question

我的问题是，在滚动 #leftnav 后，#leftnavHover 不会根据新的 top css 值定位自己。我需要 #leftnavHover div 以与浏览器的本机标题文本相同的方式跟随。

这是一个小提琴http://jsfiddle.net/fauverism/b4rwb/6/

这是我所描述的一步一步......

• 访问链接并将鼠标悬停在导航中的 Sabers 上
• 在导航 div 内滚动
• 再次将鼠标悬停在 Sabers 上，您会注意到 #leftnavHover 内的 Sabers 文本放置在同一个位置。 div 放置不会插入新的 topAfterScroll 数组。该数组仅存在一次，然后将使用原始值删除。

这里有一些细节......

• 我似乎无法将滚动后从 topAfterScroll 检索到的数组存储到新的变量中
• 这只适用于 Chrome :)

是的，我知道这样做似乎很奇怪，因为浏览器可以很好地处理此功能。这是一个 Chromium 问题。

Answer 1

只需在 #leftnav 上使用 jQuerys scrollTop (API) 减去滚动像素，如下所示：

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

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