![]() ![]() GlossaryĪnchor link: A link on a page that brings you to a specific place on the same page. It should redirect to the section of your page in a smooth & gradual way.Ĭustom scripts & CSS will only run in Preview mode or on a published page (and not in the builder). To test out smooth scrolling on your page, navigate to the Preview mode, or view your published page, and test out the anchor link again. Be sure to Save and Publish/Republish your page.The smooth scrolling script will only work alongside jQuery. As mentioned in the above note, remember to include the jQuery script in a new script box and the placement set to the Head.Click the Done button in the bottom right corner of the dialog box.Paste the script below into the blank field:.Select Before Body End Tag from the Placement menu.Type Smooth Scrolling script as the Script Name.In the dialog box that appears, enter the following:.Click on the Javascripts widget at the bottom-left corner of the Builder, and click the + Add New JavaScript button.Step 2: Install the Smooth Scrolling script To use this custom smooth scrolling feature, you must first install jQuery in the builder, a JavaScript library required for this script to work (set the placement to the Head).įollow our documentation for steps on how to install jQuery onto your landing page. Now that you've set up your anchor link, you have the option of adding in the smooth scrolling feature to seamlessly guide your visitors to that page section. See our documentation to learn more: How Do I Remove the Underline from My Text Links? Add 'Smooth Scrolling' to Anchor Links (Optional) You can remove this styling by adding a bit of CSS to your landing page. You may notice that the hyperlinks appear with a blue underline. Remove the Blue Underline from Text Links The anchor link will redirect to the specific section ID as added in step 1. To test your anchor link, navigate to the Preview mode, or visit your live landing page.Ĭlick on the text or button you've linked with the element ID. Set the Target to the Same tab or window.Ĭlick Save and be sure to Publish/Republish your page.Using the URL field, type the # symbol, and paste in the ID value:. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |