Website Scrolling Gets Stuck - Section Height

[Hassickboy]

My website gets stuck while scrolling randomly. I have seen that the height of each section can be the cause but I am having trouble locating the offending section.
adamhassick.com

[ruenel]

Hello Adam,

Thanks for writing in! There are several JS error on the page. Example would be this:

​ 
        
       Exception: Script error.
n @ widget-9-76ca3522da10.js:55
​ 
        
       constructorattributes: {message: 'Script error.', error: ErrorEvent, fatal: false, id: 'c103'}cid: "c103"fatal: falseid: "c103"options: {}resource_id: "f-3"_changed: {}_escapedAttributes: {}_previousAttributes: {message: 'Script error.', error: ErrorEvent, fatal: false, id: 'c103'}_setting: false_submodels: [][[Prototype]]: n
n @ widget-9-76ca3522da10.js:55
widget-0-50a0d0e74fa3.js:1 
        
       Uncaught DOMException: Failed to execute 'createPattern' on 'CanvasRenderingContext2D': The image argument is a canvas element with a width or height of 0.
    at n.f (https://widget.sndcdn.com/widget-0-50a0d0e74fa3.js:1:101824)
    at n.draw (https://widget.sndcdn.com/widget-0-50a0d0e74fa3.js:1:100758)
    at n (https://widget.sndcdn.com/widget-9-76ca3522da10.js:53:46873)
    at n.e.each.t.<computed> [as draw] (https://widget.sndcdn.com/widget-9-76ca3522da10.js:53:48067)
    at n.update (https://widget.sndcdn.com/widget-0-50a0d0e74fa3.js:1:80359)
    at l.update (https://widget.sndcdn.com/widget-0-50a0d0e74fa3.js:1:79665)

It could be that a 3rd party plugin is causing this. Kindly troubleshoot for the most common issues.

• Testing For Theme Related Issue
• Testing For Plugin Conflict
• Theme Update
• Child Theme
• Disabling Cache
• Disabling Cdn
• Permalinks
• Version Compatibility

It could also be that effects that were added to the sections. Please duplicate the page and remove all the effects for all of the section and test the duplicated page.

Best Regards.

[Hassickboy]

Hey Ruenel, thanks for the information. I’ve been through the troubleshooting information but nothing worked to fix the issue. Nothing was changed on my site since this issue began, so I’m not sure what could be causing it.

[ruenel]

Hey Adam,

Can you please clone your site in a staging site and give us the access to the staging site so that we can investigate the issue further. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site
​

To know how to create a secure note, please check this out: How The Forum Works

Thanks.

[Hassickboy]

I added a secure note

[tristup]

Hi Adam,

I have checked your website thoroughly and found that the scrolling issue occurring due to the second scrollbar on your website. Please remember that the double scrollbar appears only if some of the element is taller or similar in height to its container. I investigated further and found that you have used the Global Block as a shortcode into the Text Widget and in the Global Block the section is having the Top and Bottom padding which is the reason behind your issue. I also tried to check by login into your staging server, but unfortunately, the given credentials do not work.

Thanks

[Hassickboy]

Hey, thank you for that information! I have updated that global block paddings and purged all the caches but the issue is still persisting. I have updated the Users and ensured that those previously given credentials are now valid.

[ruenel]

Hello Adam,

Did you resolved your issue already? When I checked your site, I am already seeing this:

Please clear your browser cache or use private browsing mode and test your site again.

Kindly let us know how it goes.

[Hassickboy]

Hey Ruenel,

The issue is persisting even after changing the Global Blocks. Scrolling “sticks” when swiping on mobile, or scrolling on desktop.

[tristup]

Hi Adam,

I have checked your staging site and found that the Row element of the Global Block have a Gap Height which is the reason behind your issue. I would suggest you set it to the 0 for both the Rows to get rid of this issue. In the given screenshot Social is also an inner row.

Hope it helps.
Thanks

[Hassickboy]

YEP THAT FIXED IT! Would adding padding or margin cause the same issue?

[ruenel]

Hello Adam,

Please add the padding or margin and test your site. It should not give any issue.

Cheers.