Title: scroll animation not working
Last modified: August 30, 2016

---

# scroll animation not working

 *  Resolved [Colin](https://wordpress.org/support/users/phazerave/)
 * (@phazerave)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/)
 * I have the same issue as a couple of others in this forum where the scroll works,
   but it just jumps and does not animate. I found that my theme did not in fact
   have the `<?php wp_footer(); ?>` code in the footer.php file, so I added it thinking
   all my problems would melt away, and still have the same issue.
    my site can 
   be viewed at [http://www.pantrydemo.com.php56-19.dfw3-1.websitetestlink.com/](http://www.pantrydemo.com.php56-19.dfw3-1.websitetestlink.com/)
   I will say there was an interesting note in the footer.php file that I didnt 
   quite understand, perhaps you could? here is the footer.php code.
 *     ```
       <?php
       /**
        * @package   Gantry 5 Theme
        * @author    RocketTheme http://www.rockettheme.com
        * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC
        * @license   GNU/GPLv2 and later
        *
        * http://www.gnu.org/licenses/gpl-2.0.html
        */
   
       defined('ABSPATH') or die;
   
       /*
        * Third party plugins that hijack the theme will call wp_footer() to get the footer template.
        * We use this to end our output buffer (started in header.php) and render into the views/page-plugin.html.twig template.
        */
   
       $timberContext = $GLOBALS['timberContext'];
   
       if (!isset($timberContext)) {
           throw new \Exception('Timber context not set in footer.');
       }
   
       $timberContext['content'] = ob_get_contents();
       ob_end_clean();
   
       $templates = ['page-plugin.html.twig'];
       Timber::render($templates, $timberContext);
   
       wp_footer();
       ```
   
 * [https://wordpress.org/plugins/page-scroll-to-id/](https://wordpress.org/plugins/page-scroll-to-id/)

Viewing 14 replies - 1 through 14 (of 14 total)

 *  Thread Starter [Colin](https://wordpress.org/support/users/phazerave/)
 * (@phazerave)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6849887)
 * note: the scripts do appear to be loading according to the developer console.
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6849898)
 * I can see plugin’s files included in your page, so this part is fine.
 * I cannot see the `rel` attribute in your menu items though… Have you added `m_PageScroll2id`
   value in XFN field in your menu items (as described in [“Quick usage” in Description tab](https://wordpress.org/plugins/page-scroll-to-id/))?
 *  Thread Starter [Colin](https://wordpress.org/support/users/phazerave/)
 * (@phazerave)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6849904)
 * Yes, I have. see [screenshot](https://goo.gl/photos/94bXP3nLNfRDxHRm6)
 *  Thread Starter [Colin](https://wordpress.org/support/users/phazerave/)
 * (@phazerave)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6849910)
 * I wonder if its the new Gantry 5, they port the wordpress menu through its own
   menu manager and something could very well be conflicting with that. could you
   give me an example of how the code should look on the front end? is there a demo
   somewhere?
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6849916)
 * The anchor would simply be like:
 *     ```
       <a rel="m_PageScroll2id" href="#id" class="_mPS2id-h">link</a>
       ```
   
 * and in your case, each menu item should be like (when inspected):
 *     ```
       <li class="g-menu-item g-menu-item-89 ...">
         <a class="g-menu-item-container _mPS2id-h" href="#about" rel="m_PageScroll2id">
           <span class="g-menu-item-content">...</span>
         </a>
       </li>
       ```
   
 * Maybe they render the menu without taking into account the XFN field(?)
    In such
   case, you can always change plugin’s selector to match exactly your menu elements.
   For example, try adding the value below in “Selector(s)” field in plugin settings:
 *     ```
       .menu-item .g-menu-item-container[href*='#']
       ```
   
 * The above should work for your menu links (“Home”, “About” etc.).
 * To keep plugin’s default selector along with the custom one above, change the
   value to:
 *     ```
       a[rel='m_PageScroll2id'], .menu-item .g-menu-item-container[href*='#']
       ```
   
 * Another way (without changing the selector) would be to use the “CSS Classes”
   field (instead of XFN) in your menu items with the value:
 *     ```
       ps2id
       ```
   
 * Perhaps the menu classes work with their custom menu manager.
 *  [Gantry](https://wordpress.org/support/users/gantry/)
 * (@gantry)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6849955)
 * Hi,
 * Gantry Dev here – looks like we have a bug where the rel doesn’t get passed to
   the HTML output. Sorry about that. We’ll try to fix it ASAP.
    Thank you for your
   patience!
 * Thanks,
    Jakub
 *  Thread Starter [Colin](https://wordpress.org/support/users/phazerave/)
 * (@phazerave)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6849996)
 * Thanks to both of you, I will try out the workarounds for now to see if I can
   get something working. Jakub, how often does the Gantry team release updates?
   This site is for a client and I would like to give them some sort of time frame,
   even if its super rough.
 *  [Gantry](https://wordpress.org/support/users/gantry/)
 * (@gantry)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6850076)
 * Hi,
 * We try to do bugfix releases every week, but when there’s a major functionallity
   on the plate it can take a little bit longer like with 5.3 where a Grav CMS will
   be added to be compatible with G5.
 * Thanks,
    Jakub
 *  [Gantry](https://wordpress.org/support/users/gantry/)
 * (@gantry)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6850086)
 * Hi,
 * Just wanted to add that this issue : [https://github.com/gantry/gantry5/issues/1064](https://github.com/gantry/gantry5/issues/1064)
   should be fixed now and you can test it by downloading a CI build from the [gantry.org](http://gantry.org)
   page.
 * Thanks,
    Jakub
 *  Thread Starter [Colin](https://wordpress.org/support/users/phazerave/)
 * (@phazerave)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6850119)
 * downloaded, but still same issue. I did see the specific problem in the changelog
   as being fixed. but no dice. :/
 * I even recreated the menu, and re-added it in gantry
 *  Thread Starter [Colin](https://wordpress.org/support/users/phazerave/)
 * (@phazerave)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6850120)
 * nevermind, I spoke too soon, forgot to clear the cache! rookie mistake, works
   great, thanks! site seems to function just fine even though its a CI so ill just
   leave it on until the next update.
 *  [Gantry](https://wordpress.org/support/users/gantry/)
 * (@gantry)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6850129)
 * Great! Glad it’s sorted! 🙂
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6850130)
 * Since everything works I’m just marking this as resolved.
    Thanks [@gantry](https://wordpress.org/support/users/gantry/)
   for the quick update 🙂
 *  [Martin1982](https://wordpress.org/support/users/martin1982/)
 * (@martin1982)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6850136)
 * I have the same issue on page: [https://goo.gl/ICr4DE](https://goo.gl/ICr4DE)
   I want that when user click on arrow down icon, it would scroll smoothly. I’m
   using latest WordPress and Visual Composer.

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘scroll animation not working’ is closed to new replies.

 * ![](https://ps.w.org/page-scroll-to-id/assets/icon-256x256.png?rev=1401043)
 * [Page scroll to id](https://wordpress.org/plugins/page-scroll-to-id/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/page-scroll-to-id/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/page-scroll-to-id/)
 * [Active Topics](https://wordpress.org/support/plugin/page-scroll-to-id/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/page-scroll-to-id/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/page-scroll-to-id/reviews/)

 * 14 replies
 * 4 participants
 * Last reply from: [Martin1982](https://wordpress.org/support/users/martin1982/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/scroll-animation-not-working/#post-6850136)
 * Status: resolved