writing: fix scrollmagic push follower bug janpaepke/ScrollMagic#983

JingkangZhang · Mar 19, 2021 · a1fce8e · a1fce8e
1 parent 434e1c0
commit a1fce8e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/writings/new/index.css b/writings/new/index.css
@@ -12,6 +12,8 @@ body {
     /* height: 800px; */
     box-sizing: border-box;
     background-color: blanchedalmond;
+    position: relative;
+    z-index: 10;
 }
 
 #menu {

diff --git a/writings/new/index.html b/writings/new/index.html
@@ -48,7 +48,7 @@
 
     <script>
         SCROLL_SCALE = 2;
-        TRIGGER_TURN_RED_TOP = 0 * SCROLL_SCALE;
+        TRIGGER_TURN_RED_TOP = 1;
         TRIGGER_CHANGE_QUOTE_TOP = 200 * SCROLL_SCALE;
         CHANGE_QUOTE_END = 300 * SCROLL_SCALE;
         TRIGGER_INCAR_TEXT_TOP = 350 * SCROLL_SCALE;
@@ -68,7 +68,9 @@
         })
             // animate color and top border in relation to scroll position
             .setTween("#sea-img", { opacity: 0 }) // the tween durtion can be omitted and defaults to 1
-            .setPin("#opening-pin")
+            .setPin("#opening-pin", {
+                pushFollowers: true
+            })
             .addIndicators({ name: "1 " }) // add indicators (requires plugin)
             .addTo(controller);