Using skrollr.js and window resizing
===

I have a website where the main page is composed of a main area and a secondary area with a menu at the top, the main area is resized automatically depending on the width and height of the monitor:

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

And then 

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

Thing is I'm ussing [skrollr.js][1] plugin to pin some elements, and I was wondering how to use those W and H I've already created to pin those elements in the variable position.

For example, if the height of the browser is 860, how should I do it with the skrollr plugin so it detects the height is 860pixels.

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

So, once you've scrolled H pixels, the menu will pin at the top of the screen.

How can I code that so the skrollr plugin understands what H means?

  [1]: http://prinzhorn.github.com/skrollr/