We have created some really useful functionality which surely going to make your Website more interactive. Here are a few of them:
With Canvas you can turn pretty-much any Page into a One Page Website, which defines Smart Functionality. You can Point any Link, Button on a Page to an Element ID which on Clicking scrolls to that Element.
You can use this functionality by adding data-scrollto="#html-element-ID"
attribute to a Button or a Link. Simply use the following Sample Code to use this functionality:
Note: You should have a Valid & Unique Element ID on the Page where you are planning to use the ScrollTo Functionality.
<a href="#header" data-scrollto="#header" class="button button-3d">Scroll to Header</a>
Setting | Description |
---|---|
|
Offset Gap from Top after you Scroll to the HTML ID in pixels. Ex: |
|
Speed of the Scroll To Link in milliseconds. Ex: |
|
Easing of the Scroll to Link Scrolling. Ex: |
|
Highlight Color of the Section in HEX Color Codes after scrolling. Ex: .highlight-me Class is added to the Section you want to Highlight. |
Last Modified: June 2, 2020