滚动后标题文本放置关闭

时间:2014-01-13 21:18:41

标签: javascript jquery google-chrome chromium

我的问题是,在#leftnav中滚动后,#leftnavHover根据新的top css值没有定位自己。我需要#leftnavHover div以与浏览器的原生标题文本相同的方式进行操作。

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

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

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

以下是一些细节......

  • 我似乎无法存储从topAfterScroll滚动到新var
  • 之后检索到的数组
  • 这只需要在Chrome中使用:)

是的我知道这似乎很奇怪,因为浏览器处理这个功能就好了。这是一个Chromium问题。

1 个答案:

答案 0 :(得分:1)

只需使用scrollTop上的jQuerys #leftnavAPI)减去滚动的像素,如下所示:

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

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