Skrollr转换功能导致文本颤动

Question

使用skrollr.js我要在另一个div的内部div上做一些过渡效果。 内部div是相对定位的。

我的密码是

HTML结构

<div class="outer">
  <div class="inner-div" style="transition:transform .3s ease;" data-top="transform:translateY(0px)" data--80p-top="transform:translateY(300px)">
     <h1>some thing</h1>
  </div>
</div>

问题是在滚动时（ h1 ）在垂直方向上会产生很大的颤抖，怎么办？

Answer 1

只是一个小指针，我最初使用scrollr.js犯了类似的错误：

  <div class="inner-div" style="transition:transform .3s ease;" data-top="transform:translateY(0px)" data--80p-top="transform:translateY(300px)">

scrollr.js允许使用负索引，但是为什么需要它呢？ 试试下面的代码：

 <div class="inner-div" style="transition:transform .3s ease;" data-0="transform:translateY(0px)" data-80p-top="transform:translateY(300px)">

您所追求的效果非常简单，如果有时间，可以通过Scrollr.js的示例进行了解 ，它是一个文档齐全的插件。