chore: add missing setScrollPercent for Vue and Svelte

README.md

@@ -87,13 +87,27 @@ Add html code to your html component:
 | videoPercentage       | Manually specify the position of the video between 0..1, only used for react, vue, and svelte components | Number           |         |
 | debug                 | Whether to log debug information                                                                         | Boolean          | false   |
 
-Additionally, to set currentTime manually:
 
-***setTargetTimePercent*** (`percentage: number`, `options: Options`): Pass a progress in between of 0 and 1 that specifies the percentage position of the video. Optionally, to customise experience of separate `setTargetTimePercent` calls you can utilize options:
-- `transitionSpeed`: `number`
-- `easing`: `(progress: number) => number`
+## Additional callbacks
+
+***setTargetTimePercent***
+
+Description: A way to set currentTime manually. Pass a progress in between of 0 and 1 that specifies the percentage position of the video.
+
+Signature: `(percentage: number, options: { transitionSpeed: number, (progress: number) => number }) => void`
+
+Example: `scrollyVideo.setTargetTimePercent(0.5, { transitionSpeed: 12, easing: d3.easeLinear })`
+
+<br/>
+
+***setScrollPercent***
+
+Description: A way to set video currentTime manually based on `trackScroll` i.e. pass a progress in between of 0 and 1 that specifies the percentage position of the video and it will scroll smoothly. Make sure to have `trackScroll` enabled.
+
+Signature: `(percentage: number) => void`
+
+Example: `scrollyVideo.setScrollPercent(0.5)`
 
-Example: `setTargetTimePercent(0.5, { transitionSpeed: 12, easing: d3.easeLinear })`
 
 ## Technical Details and Cross Browser Differences
 To make this library perform optimally in all browsers, three different approaches are taken to animating the video.

src/ScrollyVideo.svelte

@@ -46,6 +46,11 @@
     scrollyVideo.setTargetTimePercent(...args);
   }
 
+  // export setScrollPercent for use in implementations
+  export function setScrollPercent(...args) {
+    scrollyVideo.setScrollPercent(...args);
+  }
+
   // Cleanup the component on destroy
   onDestroy(() => {
     if (scrollyVideo && scrollyVideo.destroy) scrollyVideo.destroy();

src/ScrollyVideo.vue

@@ -22,7 +22,10 @@ export default {
     },
     setTargetTimePercent(...args) {
       if (this.scrollyVideo) this.scrollyVideo.setTargetTimePercent(...args);
-    }
+    },
+    setScrollPercent(...args) {
+      if (this.scrollyVideo) this.scrollyVideo.setScrollPercent(...args);
+    },
   },
   watch: {
     $attrs: {