Zoom Text on Scroll

Description

• zoom text on scroll
• view demo – password: abc (scroll down to second section to see effect)
• buy me a coffee

#1. Install Code

#1.1. You can add syntax like this into Text Block: ##zoom

#1.2. Make sure ##zoom is Paragraph 3

#1.3. Hover on Page where you use Text Block > Click Gear icon

Click Advanced > Paste this code

• If you use Personal/Basic Plan and your plan doesn’t support Injection, you can see #3.1.

<!-- 06.26c02v5 Zoom Text on Scroll -->
<script>
var ZoomConfig = {
  scaleRatio: 1.5,
  duration: 0.8,
  threshold: 0.3
};
</script>
<script src="https://code.beaverhero.com/textblock/0626c02v5zoomtextonscroll.js"></script>

#2. Customize

#2.1. To change Zoom Ratio, you can edit Line 04

scaleRatio: 1.5,

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can edit current page > Add a Block

Choose Markdown

Paste this code into Markdown

<script>
var ZoomConfig = {
  scaleRatio: 1.5,
  duration: 0.8,
  threshold: 0.3
};
</script>
<script src="https://code.beaverhero.com/textblock/0626c02v5zoomtextonscroll.js"></script>