Scrolling Block – Stop Loop

Description

#1. Install Code

#1.1. First, hover on top right of section where you use Scrolling Block > Click EDIT SECTION > at Design > Anchor Link > enter word: stop-loop

09.26c15v1 Scrolling Block Stop Loop 2 (1)

#1.2. Hover on Page where you use Scrolling Block > Click Gear icon

09.26c15v1 Scrolling Block Stop Loop 3 (1)

#1.3. Click Advanced > Paste this code

<!-- 09.26c15v1 Scrolling Block - Stop Loop -->
<script>
window.StopLoopConfig = {
  selector: 'section[id*="stop-loop"]', 
  stopMode: 'time', // time or width
  stopTime: 10000,
  stopWidth: 'path'
};
</script>
<script src="https://code.beaverhero.com/scrollblock/09.26c15v1scrollingblockstoploop.js"></script>

09.26c15v1 Scrolling Block Stop Loop 4 (1)

#2. Customize

#2.1. 

  • 10000 = 10 seconds

 

Buy me a coffee