Okay
  Public Ticket #2290659
Slow Scroll on Booking Page
Closed

Comments

  •  3
    Matthew Johnson started the conversation

    Hello,

    I was wondering if there was anyway of getting around the slow scrolling when on the same page the booking shortcode. I attached the URL for reference.

    Thank you.

  • [deleted] replied

    Hello Matthew, 

    Unfortunately, there is some conflict with the theme Divi, if you have it, the slow scrolling issue comes up. (If you don't have Divi, please try out the script on your pages and see if it helps for your theme as well.)

    There are two solutions to this. Add this script: 

    <script>
     var links = document.getElementsByTagName('a');
     for (var i = 0; i < links.length; i++) {
       if (links[i].href.includes('#')) {
         links[i].classList.add('et_smooth_scroll_disabled');
       }
     }
     document.querySelector('body').classList.remove('et_smooth_scroll');
    </script>

    to the pages where you have your Amelia shortcode. Or disable Smooth scrolling in Divi theme options. 

    Let me know if this helped!

    If you have any further questions or concerns feel free to ask. 

  •  3
    Matthew Johnson replied

    Darn. I do use Divi, but I will still try this regardless. Thank you! It's not the worst issue to have, but it's an area I could improve in terms of UX so I wanted to see what efforts were possible.

    Thank you again :)

  • [deleted] replied

    Hello Matthew, 

    Yes, if you use Divi one of the solutions bellow will definitely help outsmile.png 

    Of course, the user experience isn't that well with that slow scrolling. Unfortunately, it is some conflict and our developers made that script to fix that behavior. 

    You are welcome! 

    If you have any other questions or concerns feel free to open a new ticket and we will gladly help,

  • Val replied

    I have the same problem +++

  • [deleted] replied

    Hello Val, 

    Then you need to implement one of the solutions I mentioned in my response 

    There are two solutions to this. Add this script: 

    <script>
     var links = document.getElementsByTagName('a');
     for (var i = 0; i < links.length; i++) {
       if (links[i].href.includes('#')) {
         links[i].classList.add('et_smooth_scroll_disabled');
       }
     }
     document.querySelector('body').classList.remove('et_smooth_scroll');
    </script>

    to the pages where you have your Amelia shortcode. Or disable Smooth scrolling in Divi theme options. 

    If you have any other questions or concerns feel free to open a new ticket and we will gladly help out.