从静态到固定的Skrollr粘性元素未正确执行

时间:2015-12-10 10:57:37

标签: jquery html firefox sticky skrollr

当元素的顶部到达视口的顶部时,我需要一个元素将其自身定位到视口的顶部。要做到这一点,我使用Skrollr插件,并以这种方式在我的元素上使用它:

<div id="top-bar" data-0="position:static;" data-5-top="position:fixed; top: 5px;"></div>

当它到达视口的顶部时,它不会修复元素,而是在此之前将其固定。这种情况发生在所有浏览器中。

我做错了什么?这是开发网站http://laravel.com/docs/5.1/eloquent#mass-assignment。导航栏是skrollr元素。

1 个答案:

答案 0 :(得分:1)

我设法通过一个小延迟skrollr init()解决了这个问题所以我现在有了

setTimeout(function(){
    var s = skrollr.init({forceHeight: false});
}, 100);

希望这有助于某人