Skip to content

marklchaves/cme-locomotive-scroll

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

caught my eye Locomotive Scroll Plugin for WordPress

Contributors: mark l chaves

Donate link: https://ko-fi.com/marklchaves

Tags: wordpress,locomotive,scroll,animation

Requires at least: 5.3.2

Tested up to: 5.4.2


Allows Locomotive Scroll to work in WordPress.


Installation

  1. Download the zip file.
  2. Use the wp-admin > Plugins > Add New to upload the zip or manually upload the contents of the zip file to the /wp-content/plugins/ directory.
  3. Activate the plugin through the 'Plugins' menu in WordPress.

Usage

  1. Edit a page or post.
  2. Add a code block.
  3. In the code block, insert code that uses the Locomotive Scroll markup syntax. E.g., <section>, <div>, <a>, <img>, and <p>.
<p data-scroll data-scroll-delay="0.13" data-scroll-speed="6">
Hashtag eu roof party magna heirloom craft beer, aesthetic tacos direct trade hoodie in et beard. Snackwave ennui YOLO beard ethical tattooed. Retro laborum food truck photo booth. Hella shabby chic coloring book glossier tempor tbh pork belly succulents taxidermy mixtape fingerstache raclette anim austin. Intelligentsia ennui tousled, mustache taxidermy raclette jianbing distillery. Butcher la croix incididunt exercitation veniam.
</p>
<p data-scroll data-scroll-direction="horizontal" data-scroll-speed="-2" data-scroll-position="top">
Dummy text? More like dummy thicc text, amirite?
</p>

There are more examples on CodePen.

Short Video of the Results

Demo of results


I'll Drink to That ;-)

ko-fi

About

caught my eye Locomotive Scroll JavaScript Library

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages