0
Welcome Guest! Login
0 items Join Now

SmoothScroll atom - Freebie by MrT

    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 87720
    • Thanks: 11341
    • Web Designer/Developer

    SmoothScroll atom - Freebie by MrT

    Posted 1 year 3 months ago
    • Some of you have followed my previous SmoothScroll atom tutorial https://rockettheme.com/forum/gantry5-for-joomla/249639-smooth-scrolling-creating-your-first-atom-revised .

      Here is an updated version of the atom that adds a few more configurable options including the ability to specify an offset for the scrolling and whether the hash link should be set in your browser address bar. Please note that the smooth scrolling will only work for links within the same page that start with "#".

      1. To install it:

      Joomla:
      From the ZIP file copy smoothscroll.yaml and smoothscroll.html.twig to /templates/TEMPLATENAME/custom/particles (note you may need to create this folder).
      GRAV
      From the ZIP file copy smoothscroll.yaml and smoothscroll.html.twig to /user/data/gantry5/themes/TEMPLATENAME/particles (note you may need to create this folder).
      Wordpress
      From the ZIP file copy smoothscroll.yaml and smoothscroll.html.twig to /wp-content/themes/TEMPLATENAME/custom/particles (note you may need to create this folder).


      2. On you base outline > page settings - drag the smooth scroll atom on to the atom section. Then click on the "settings" cog and change your setting to meet your requirements and SAVE;

      Regards, Mark.
    • Last Edit: 1 year 3 months ago by MrT.
    • The following users have thanked you: Rick Ghaly, Zbigniew Sokal

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.

Time to create page: 0.066 seconds