菜单不会在其容器的整个长度上坚持，任何想法

Menu doesn't stick for the entire length of its container, any ideas?

本文关键字：坚持 任何想 菜单      更新时间：2023-09-26

我正在使用以下插件：

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

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

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

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

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

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

以下是我调用jQuery的方式：

在页脚中，我有：

        $(document).ready(function() {
             //Start stickem Script
             $('.single-body').stickem();
        });

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

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

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

$('.single-body').imagesLoaded( function() {
    $('.single-body').stickem();
});
相关文章：