Click Link – Scroll Down

Description

  • automatically generate a list of letters at the top of the page; clicking each letter will scroll to the corresponding section
  • view demo – password: abc
  • buy me a coffee

08.26c30v11 Click Link Scroll Down

#1. Install Code

#1.1. First, you can add some sections with Text Block with text, wrap in ## and ## like this

08.26c30v11 Click Link Scroll Down

or

08.26c30v11 Click Link Scroll Down

or

08.26c30v11 Click Link Scroll Down

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

08.26c30v11 Click Link Scroll Down

#1.3. Click Advanced > Paste this code

  • If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1
<!-- 08.26c30v11 Click Link - Scroll Down -->
<script>
window.CustomSectionPaginationConfig = {
  textColor: "",
  bulletColor: "",
  textTag: "",
  textSize: "",
  textClass: ""
};
</script>
<script src="https://code.beaverhero.com/other/0826c30v11clicklinkscrolldown.js"></script>

08.26c30v11 Click Link Scroll Down

#2. Customize

nothing now

#3. Other

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

04.26c10v2 Header Sound Icon

Then add this code into Markdown Block

<script>
window.CustomSectionPaginationConfig = {
  textColor: "",
  bulletColor: "",
  textTag: "",
  textSize: "",
  textClass: ""
};
</script>
<script src="https://code.beaverhero.com/other/0826c30v11clicklinkscrolldown.js"></script>

08.26c30v11 Click Link Scroll Down

Buy me a coffee