我有一个网站，主页面由主区域和辅助区域组成，顶部有菜单，主区域根据显示器的宽度和高度自动调整大小：
W = $(window).width();
H = $(window).height();
然后
$("#toparea").css('width', W);
$("#toparea").css("height", H);
我正在使用skrollr.js插件来固定一些元素，我想知道如何使用那些已经创建的W和H将这些元素固定在变量位置。< / p>
例如，如果浏览器的高度为860，我应该如何使用skrollr插件执行此操作，以便检测到高度为860像素。
<div id="menubar" data-1="top:100%" data-H="top:0%;" >
因此，一旦您滚动了H像素，菜单就会固定在屏幕顶部。
我如何编码，以便skrollr插件能够理解H的含义？
也许在api中有一些方法可以做到，但到目前为止还没有运气：/
答案 0 :(得分：0)
我不确定我是否理解你想要的东西：
听起来像是一个使用相对锚点的好用例（如果你还没有使用skrollr＆gt; 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
的官方示例