使用skrollr.js和窗口大小调整

Question

我有一个网站，主页面由主区域和辅助区域组成，主区域顶部有一个菜单，主区域根据监视器的宽度和高度自动调整大小：

W = $(window).width(); 
H = $(window).height(); 

然后

$("#toparea").css('width', W); 
$("#toparea").css("height", H); 

的事情是我尤斯skrollr.js插件引脚一些元素，我想知道如何使用这些W和H我已经创建了引脚这些元素在可变位置。

例如，如果浏览器的高度是860，我应该如何使用skrollr插件来做，因此它会检测到高度是860像素。

<div id="menubar" data-1="top:100%" data-H="top:0%;" > 

所以，一旦你滚动H个像素，菜单将针在屏幕的顶部。

我该如何编码，以便skrollr插件了解H的含义？

也许有一些方法来做到这一点的API，但这里至今没有运气：/

Answer 1

我不知道如果我明白你想要什么：

听起来像是不错的使用情况使用相对锚（如果你还没有做，你应该使用skrollr> 0.4）：

<div id="menubar" data-1="top:100%" data-top-top="top:0%;" > 

data-top-top的意思是“当元素的顶部是在视口的顶部”。由于这些值是预先计算出来的，即使您的元素实际上处于绝对位置并且不移动，它也应该可以工作。

这是官方的例子，使用skrollr 0.4.2（必填）http://prinzhorn.github.com/skrollr/examples/fixed_nav.html