菜单不会坚持其容器的整个长度,任何想法?

时间:2013-10-13 22:53:01

标签: javascript jquery html plugins

我正在使用以下插件:

https://github.com/davist11/jQuery-Stickem

该插件用于图库页面上的水平菜单,以便当用户向下滚动菜单时,菜单将粘贴到浏览器窗口的顶部。

问题在于,有时当页面加载时,我只会在页面的一半处,然后它会释放。

其他时候我可以毫无问题地到达页面底部。

几乎所有的时候,当我重新加载浏览器时(在页面上),菜单只从顶部向下移动一半。

我假设这与包含div中没有​​完全加载的项目有关,有关如何解决此问题的任何建议吗?

以下是我调用jQuery的方法:

在页脚中我有:

        $(document).ready(function() {

             //Start stickem Script
             $('.single-body').stickem();

        });

1 个答案:

答案 0 :(得分:1)

这是因为插件在加载图像之前计算容器高度。如果您为标记添加了宽度和高度,可以解决问题。

否则,您需要在加载所有图像后初始化插件。

https://github.com/desandro/imagesloaded是一个很棒的插件。

$('.single-body').imagesLoaded( function() {
    $('.single-body').stickem();
});