jquery – skrollr在页面上创建大的间隙

我正在使用 scrollr.js在一个网站上工作,因为元素的出现我遇到了高度问题.作为参考,我使用的是 this template上的脚本. @H_419_7@

@H_419_7@在第一个屏幕截图中,我的元素之间存在很大的差距,从两侧淡入和下面的元素.但是,在第二个屏幕截图中,您可以看到刷新页面时所有内容都已修复.

@H_419_7@截图1

@H_419_7@屏幕截图2

@H_419_7@这是Firefox(Mac / PC),Safari,Chrome(Mac / PC)和IE(10及更低版本,在IE11上未经测试,但怀疑问题仍然存在)中反复出现的问题.所有浏览器都是最新的(IE除外).

@H_419_7@档

@H_419_7@出于参考(和测试)的目的,我尝试直接链接到上面提到的模板使用的文件.此脚本尚未在我的本地文件中更改.

@H_419_7@

<script src="http://themify.me/demo/themes/parallax/wp-content/themes/parallax/js/skrollr.js?ver=3.6.1"></script>
<script type='text/javascript' src='http://themify.me/demo/themes/parallax/wp-content/themes/parallax/js/themify.script.js?ver=3.6.1'></script>
<script>skrollr.init({mobilecheck: function(){return false;}});</script>

@H_419_7@尝试

@H_419_7@>在window.load和document.ready上加载init – >没变
>通过jQuery刷新页面,元刷新并仅刷新div – >没变
>直接从Themify上的模板中使用src – >没变
>在处理完之后调用任何其他脚本 – >没变
>调整窗口大小 – >纠正问题,但要求人们调整窗口大小没有任何意义
> {forceHeight：falsE}选项

@H_419_7@我注意到了什么

@H_419_7@我已经意识到在我使用这种效果的元素更多的页面上,差距似乎变小了.这有点令人讨厌,因为这意味着脚本本身可以工作,但我的页面需要更高的高度.

@H_419_7@我的div代码：

@H_419_7@

<article style="left: 0px; top: 0px; opacity: 1;"
data-bottom-top="left[sqrt]: -400px;top[sqrt]:200px;opacity: 0;"
data-center-top="left[sqrt]:0px;top[sqrt]:0px;opacity:1;"
class="highlight type-highlight post col2-2 skrollable skrollable-after">
    <figure class="post-image">
        <img src="imges/picture1.jpg" />
    </figure>
</article>
<article style="right: 0px; top: 0px; opacity: 1;"
data-bottom-top="right[sqrt]:-200px;top[sqrt]:200px;opacity:0;" 
data-center-top="right[sqrt]:0px;top[sqrt]:0px;opacity: 1;" 
class="highlight type-highlight post col2-2 skrollable skrollable-after">
    <div class="post-content">
        <h2>heading</h2>
        <p>
            Lorem ipsum dolor sit amet,consectetur adipiscing elit. In ullamcorper justo at sollicitudin posuere. Nulla elementum,turpis vel posuere egestas,nisi diam malesuada arcu,eu pulvinar nunc mi vitae odio. Aliquam semper eros nec quam tempor,vitae ultrices turpis posuere. Aliquam mi massa,imperdiet at diam nec,volutpat vulputate dolor. Curabitur condimentum dolor tortor,at laoreet risus condimentum a. Mauris lobortis ut magna nec egestas. Etiam at accumsan est. Donec gravida scelerisque lorem sit amet vestibulum.
        </p>
    </div>
</article>

@H_419_7@并且,从测试开始,较小的页面不允许顶部[sqrt]：200px ;;这个值必须更小(在某些情况下,使得效果只是左/右,而不是进入一个角度,这是最初引起我注意的).

skrollr.get().refresh();