Autocue Teleprompter Like jQuery Text Scroll Plugin - scrollocue

File Size: 37.8 KB
Views Total: 2085
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Autocue Teleprompter Like jQuery Text Scroll Plugin - scrollocue

Scrollocue is a jQuery scroll plugin that allows you to smoothly scroll through lines of text with the arrow keys, space bar or just click, similar to an autocue teleprompter system.

Basic Usage:

1. Create the text you want to walk through. By default, the plugin will handle the text wrapped with <h1> and <p>. You can set the custom selector in the next step.

<div id="demo">
  <h1>Title</h1>
  <p>TEXT 1</p>
  <p>TEXT 2</p>
  <p>TEXT 3</p>
</div>

2. Load the jQuery Scrollocue plugin at the bottom of your page, but after jQuery library.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/js/scrollocue.js"></script> 

3. Attach the function scrollocue() to the parent container and config the scrolling animation using the following parameters:

$('#demo').scrollocue({

  // selector
  lineSelector: 'h1, p',

  // duration of animation 
  scrollDuration: 1000,

  // easing function
  scrollEasing: 'easeOutQuad'
  
});

Changelog:

2023-04-18

  • Upgrade to jQuery 3.6.4

This awesome jQuery plugin is developed by soxofaan. For more Advanced Usages, please check the demo page or visit the official website.