5

我非常感谢任何 jquery 专家的帮助，因为我以前使用过的一种方法对这个新应用程序不太适用。

我想要达到的目标

我的网站包装器的右侧和左侧有两个选项卡，只有在您向下滚动页面时才会显示。当标签到达屏幕中心时，它们就会变成固定位置，然后看起来会锁定在适当的位置。请参阅下面的一般效果/想法...

http://jsfiddle.net/motocomdigital/SGCHt/2/


问题

您可能想知道为什么我要问这个问题，如果上面的小提琴已经在工作了。

上面的小提琴有效，因为它适用于从窗口顶部滚动到位置。

但是在我的网站上，这些选项卡只存在于Content Area上，不能在我的标题、横幅、幻灯片区域中运行。

在上面的 jsFiddle 示例中，您会注意到没有标题、横幅或幻灯片。所以这对我当前的脚本来说不是问题，因为选项卡容器列一直运行到顶部。

请参阅下面具有不同布局组合的小提琴，然后您将看到我的问题。

请注意，我删除了选项卡容器列上的橙色背景，以便您查看设计观点。

  1. 标题、导航、幻灯片、广告 - http://jsfiddle.net/motocomdigital/SGCHt/3/
  2. 标题、导航、广告 - http://jsfiddle.net/motocomdigital/SGCHt/4/
  3. 标题，导航 - http://jsfiddle.net/motocomdigital/SGCHt/5/

现在看下面的小提琴，它在标签容器列上有橙色背景，这样你就可以看到标签如何只能出现在内容区域 div 旁边的结构。

http://jsfiddle.net/motocomdigital/SGCHt/6/


解决方案

当点击从屏幕顶部到达 50% 时，脚本需要向选项卡添加固定定位。但我不知道如何计算这个，因为选项卡容器不会一直运行到窗口顶部。是否有另一种脚本方法可以实现这一目标？

任何帮助将不胜感激。谢谢！

4

1 回答 1

6

我们可以从顶部添加内容区域的位置，而不是查看滚动到屏幕高度的 50%。

http://jsfiddle.net/SGCHt/7/

于 2012-06-14T20:41:59.953 回答