我正在使用以下插件:
https://github.com/davist11/jQuery-Stickem
该插件用于图库页面上的水平菜单,以便当用户向下滚动菜单时,菜单将粘贴到浏览器窗口的顶部。
问题在于,有时当页面加载时,我只会在页面的一半处,然后它会释放。
其他时候我可以毫无问题地到达页面底部。
几乎所有的时候,当我重新加载浏览器时(在页面上),菜单只从顶部向下移动一半。
我假设这与包含div中没有完全加载的项目有关,有关如何解决此问题的任何建议吗?
以下是我调用jQuery的方法:
在页脚中我有:
$(document).ready(function() {
//Start stickem Script
$('.single-body').stickem();
});
答案 0 :(得分:1)
这是因为插件在加载图像之前计算容器高度。如果您为标记添加了宽度和高度,可以解决问题。
否则,您需要在加载所有图像后初始化插件。
https://github.com/desandro/imagesloaded是一个很棒的插件。
$('.single-body').imagesLoaded( function() {
$('.single-body').stickem();
});