gpt4 book ai didi

jquery - Waypoints 新的 Sticky 快捷方式没有偏移参数?

转载 作者:行者123 更新时间:2023-12-01 03:37:47 25 4
gpt4 key购买 nike

新的 Waypoint 文档指向 simple shortcut for initializing a "sticky" element在页面滚动上。我的问题源于这样一个事实:当需要偏移时,新文档的文档有点薄。

这段代码对我来说非常有用,所以我知道插件正在工作(并且它位于 $().ready(function()) 中:

if($('.js-sticky').length > 0) {
var sticky = new Waypoint.Sticky({
element: $('.js-sticky')[0]
});
}

这种较新的方法没有内置偏移选项,但完整的非快捷方式版本的 Waypoints 有。它看起来像这样:

var waypoint = new Waypoint({
element: $('.js-sticky'),
handler: function(direction) {
[do stuff]
},
offset: $(".head").outerHeight(true)
})

我的问题是我不知道在 [do stuff] 中做什么来复制 Waypoints Sticky 快捷方式已经做的事情,即添加一个 .stuck class,用与元素高度相同的占位符 div 包裹元素,然后当用户滚动回顶部时销毁占位符。

有人用最新版本的 Waypoints.js 做过这个吗?提前致谢。

最佳答案

从您链接到的粘性快捷方式页面:

When creating a new Sticky you can also pass along an options object. This options object can take all of the options of a normal Waypoint, as well as a few extras specific to the Sticky class.

您是否发现,如果您将 offset 作为粘性初始值设定项中的选项传递,它不会产生任何效果?

关于jquery - Waypoints 新的 Sticky 快捷方式没有偏移参数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28704847/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com