我使用名为hcsticky的jQuery插件检测到窗口的滚动位置,然后将position:fixed
应用于元素。
我的问题是我有一个position:absolute
容器滚动而不是窗口。这意味着我的插件不会将固定位置应用于我的元素。
这只发生在平板电脑上,因为较大的尺寸使用不同的样式表,窗口本身会滚动。
现在我有这样的插件设置:
$('#imageContent').hcSticky({
innerSticker: $('#textContent'),
stickTo: $('#textContent'),
bottomEnd: -60,
top: 60
});
现在,这会检测scrollTop
是否已到达#textContent
的顶部,并将#imageContent
固定为#textContent
的高度。这些都没有被触发,因为我相信,该函数正在衡量$window
scrollTop
而不是#scroller
scrollTop
。
我错过了一些东西,这个插件的选项中是否有一些可以让我失去的东西? here