This topic contains 16 replies, has 4 voices, and was last updated by Tom 3 weeks, 4 days ago.
April 28, 2020 at 7:24 pm #1260502
I have trouble making the smooth scroll work (I have obviously activated it). Using GenerateBlocks, I insert a GB button and set its class to
smooth-scroll. I also set its link to
#album. Further down the page, I have a headline with an Element ID of
album. While viewing the page and clicking on the button, the page jumps to the headline element but without smooth scroll.
Inspecting the code of the button code:
<a class="gb-button gb-button-c18b5f49 smooth-scroll" href="#album"><span class="button-text">Play now</span></a>
and the headline
<h3 id="album" class="gb-headline gb-headline-b6413a82">You are your only limit</h3>
What is the problem?April 29, 2020 at 2:57 am #1260847
David Customer SupportApril 29, 2020 at 4:50 am #1260989
Interested also.April 29, 2020 at 9:56 am #1261597
I’ve updated the original thread with a link. The PLAY NOW button at the top has a class of
#album. The container underneath has an element ID of
Also, using the latest GB beta 4.April 29, 2020 at 5:11 pm #1262121
Tom Lead DeveloperApril 29, 2020 at 5:19 pm #1262130
No, I didn’t touch. It doesn’t work for me! Tried in Firefox and Chrome. In Private and Incognito windows respectively with addons disabled! It jumps to the section without smooth scroll. No console errors either.April 29, 2020 at 5:24 pm #1262143
It works on my Android phone, though! And my old Ipad 2 on Safari. Also works on Edge! Not working in Opera.April 29, 2020 at 5:32 pm #1262146
Hmmm. Tom, I think we might have a recurrence of this!
I am on a Win10 laptop, both browsers updated.
Could it be a case of this?
And I need to use
generate_smooth_scroll_elementsor similar filter for the button instead?April 30, 2020 at 9:17 am #1263452
Tom Lead Developer
It shouldn’t be, as the class is added to the button directly.
Does this work for you?: https://codepen.io/cferdinandi/pen/wQzrdMApril 30, 2020 at 9:28 am #1263477
No, exatly the same behavior. Works on Edge and Blisk browser on desktop and my Android phone.
Does not work on Firefox, Chrome, Opera on Desktop.
I am on Windows 10 on a laptop.April 30, 2020 at 4:49 pm #1263946
Tom Lead Developer
So it seems there’s something up with your computer and the smooth scroll library we’re using: https://github.com/cferdinandi/smooth-scroll
Looks like they’ve just archived it in favor of using the new built-in CSS method.
Have you tried on another computer?April 30, 2020 at 6:37 pm #1264080
No access to another computer now, I will try tomorrow. But the CSS method worked but just for Firefox. It still doesn’t work on Chrome and Opera. I will let you know once I test on another computer tomorrow!May 1, 2020 at 9:07 am #1265123
Tom Lead DeveloperMay 2, 2020 at 7:07 am #1266087
You wouldn’t believe what it was!
Known Issues: Reduced Motion Settings
I just had to activate the option on Windows 10: Settings > Ease of Access > Display > Show animations. It works everywhere now.
Thanks for the link, it helped!May 2, 2020 at 9:05 am #1266401
You must be logged in to reply to this topic.