javascript - 菜单不会粘在其容器的整个长度上，有什么想法吗？

Question

我正在使用以下插件：

该插件用于画廊页面上的水平菜单，因此当用户向下滚动菜单时，菜单将粘在浏览器窗口的顶部。

问题是有时当页面加载时，我只到了页面的一半，然后它就释放了。

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

几乎所有时间，当我重新加载浏览器（在页面上）时，菜单只从顶部向下移动一半。

我假设这与包含 div 中的项目未完全加载有关，有关如何解决此问题的任何建议？

这是我调用 jQuery 的方式：

在页脚我有：

        $(document).ready(function() {

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

        });

score 1 · Accepted Answer

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

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

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

1 回答 1