Skrollr在Ajax内容加载时无法正常工作

时间:2015-12-10 12:46:04

标签: jquery html ajax load skrollr

我有一个元素可以在滚动时更改不透明度,并且在第一页加载时可以正常工作。 然后使用jquery load()请求拉取其他页面的主要内容。当我回到页面时,元素会改变不透明度,这不再适用了。

<div class="top-slide" data-200-top="opacity: .9;" data-top-bottom="opacity: 0;"></div>

以下是实例http://dev.thinktravellive.com/,更改不透明度的元素是导航下方的大全宽图像。如果你点击另一个页面,然后点击返回主页,Skrollr将不再使用不透明度,但奇怪的是它仍然(有点)在粘性导航栏上工作。希望有人能提供帮助,谢谢。

1 个答案:

答案 0 :(得分:0)

我通过在ajax回调

中销毁和重新初始化skrollr来解决这个问题
skrollr.init().destroy();
s = skrollr.init({forceHeight: false});