ScrollTriggerの位置調整で+=や%での微調整が上手くいかない時があります。

解決したいこと

普段GSAPと合わせてScrollTriggerを使うことが多いのですが、開始位置・終了位置を「top+=20%」等、微調整する際に、上手くいかず明らかに変な位置になる時があります。
「top」「center」「bottom」等、％やpxで微調整しない際は問題ないです。

微調整する際には何か条件や注意点があるのでしょうか？

例）

scrollTrigger: {
          trigger: ".test",
          start: "top+=10% top",
          end: "center top",
          scrub: 1,
          markers: true,
        },