javascript - 如何让 skrollr.js 与 turbolinks 一起工作

Question

当您返回带有 turbolinks 的页面时，Skrollr.js 似乎停止工作。如果您再次手动刷新页面或通过 data-no-turbolink 链接转到该页面，它就可以正常工作。

我已经尝试使用所有可能的方式调用该函数，但仍然没有成功，主要是:

$(document).on('ready page:load', function () {
var s = skrollr.init(); 
});

$(document).on('ready page:change', function () {
    var s = skrollr.init(); 
    });

这里有一个类似的问题，但公认的答案是您应该只禁用 turbolinks。我想知道如何让 skrollr 在启用 turbolinks 的情况下工作。

Answer 1

最后想通了。您需要正常调用 skrollr 然后使用 skrollr.init().refresh();在您的 pushstate 插件的新页面或加载页面功能上。所以对于 turbolinks 使用这个:

$(document).on('page:load', function () {
skrollr.init().refresh(); 
});

希望这会节省很多人的时间。