miguifer

Sleek Scroll Video lets you create beautiful scroll-driven video playback animations on your WordPress site. As the user scrolls, the video plays forward; scroll back, and the video reverses.
Each Sleek Scroll Video is managed as its own custom post type entry, giving you full control over settings and generating a unique shortcode you can embed anywhere.
<h4>Features</h4>
<ul>
<li>Custom Post Type — Each Sleek Scroll Video is a separate entry in the admin panel.</li>
<li>Unique Shortcodes — Every Sleek Scroll Video generates its own shortcode (<code>[sleek-scroll-video id="123"]</code>) for easy embedding.</li>
<li>No external dependencies — All animation logic is handled by the plugin’s own JavaScript and CSS.</li>
<li>Configurable Settings — Control scroll height, scrub speed, and scroll start/end points.</li>
<li>Media Library Integration — Upload or select videos directly from the WordPress media library.</li>
<li>Performance First — Assets are only loaded on pages where the shortcode is actually used.</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Go to Sleek Scroll Video → Add New in your admin panel.</li>
<li>Give it a title and configure the video URL plus animation settings.</li>
<li>
Save/publish the post.
</li>
<li>
Copy the generated shortcode from the sidebar.
</li>
<li>Paste the shortcode into any page, post, or widget.</li>
</ol>

Sleek Scroll Video

Create scroll-driven video animations with your own JavaScript and CSS. Each video is a custom post type with its own shortcode.

dlawp

Usage
Add HTML id attribute to element you want to scroll to.
Example:
<pre><code><h1 id="your-anchor">Header we will be drawn to smoothly!</h1>
</code></pre>
Now add hash to href attribute and class <code>sl-animated-scroll</code> to an A tag or element containing A tag.
Example:
<pre><code><a href="#your-anchor" class="sl-animated-scroll">
 Get me smoothly to my anchor!
</a>
</code></pre>
Try it.
How to hook menu / nav links?
<ol>
<li>
Go to Appearance -> Menus.
</li>
<li>
Make sure you have enabled classes in Screen Options (top right corner).
</li>
<li>
Create new Custom Link
</li>
<li>
Add your anchor in URL of the custom link: <code>/#your-anchor</code>
</li>
<li>
Insert special class to the custom link: <code>sl-animated-scroll</code>
</li>
<li>
Save and try it!
</li>
</ol>
<h3>Support</h3>
If any problems, questions or suggestions please contact us at support@dlawp.pl
GitHub: https://github.com/dlawp/wp-plugin-super-light-animated-scroll

Super Light Animated Scroll to id

Super light and easy to setup links that scroll the page smoothly to any id within the document.

Sleek Scroll Video vs Super Light Animated Scroll to id