使用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