[wburrittParticipant]

Hello: I’m trying to a button link on a revslider 5 layer to smoothly scroll down to a section ID lower on the page. Instead of scrolling smoothly, it jumps. And it misses the section by a bit. The link type is jquery under the action tab on the revslider for this button/layer.

I’ve tried the solution here …

https://community.theme.co/forums/topic/smooth-scrolling-links-within-revolution-slider/

but I couldn’t get that to work. There is also script on another slider on the page that triggers a layer behavior upon scrolling into view. That solution is here:

http://www.themepunch.com/faq/start-animations-when-slider-scrolls-into-view/

It is in the custom js section of the slider main settings page. It works fine. However, I deleted the slide from the page to see if that was causing the problem with the layer/button. But that didn’t work either.

I know there are other topics on this and I’ve been through them but to no avail. Can you help?

Thanks, Wayne

[ZeshanMember]

Hi Wayne,

Thanks for writing in! To assist you with this, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

Thanks!

[wburrittParticipant]

Hello and sorry for the delay! The button in question is the “Try Us!” one on the top slider. Here is the site:

http://www.onepickaweek.com/wp/

If you need credentials just let me know.

Thanks again!

[ThaiModerator]

Hi There,

Try adding following Javascript under Customize > Custom > Javascript:

jQuery(document).ready(function($) {

  var $body           = $('body');
  var $bodyHeight     = $body.outerHeight();
  var $adminbarHeight = $('#wpadminbar').outerHeight();
  var $navbarHeight   = $('.x-navbar').outerHeight();

  $('#slide-50-layer-11').click(function(e) {
    e.preventDefault();
    $('html, body').animate({
      scrollTop: $("#pricing").offset().top - $adminbarHeight - $navbarHeight + 1
    }, 850, 'easeInOutExpo');
  });
});

Let us know how it goes!

[wburrittParticipant]

Thank you so much for the speedy reply. Unfortunately, that did not work. When clicking on the button, the behavior is still a jump instead of a scroll and it overshoots the section ID by a few pixels.

[ThaiModerator]

Hi There,

In this case, would you mind providing us with admin account so we can take a closer look?

Don’t forget to select Set as a private reply. This ensures your information is only visible to our staff.

Thanks.

[wburrittParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

I’ve just added the previous JS again and then remove the click action from Revolution Slider.

Everything seems to work fine, please take a look at your website.

Regards!

[wburrittParticipant]

Yes thanks so much. Looks great.

[ThaiModerator]

You’re most welcome 🙂

If you need anything else, please let us know.

[Author]

Posts