3 replies · opened Jan 14, 2017
The gotoTop button works fine on desktop and tablet, but doesn't display on iPhone. How do I make it display on iPhone? Here is an example: browse your own index-corporate-2.html page on a desktop or tablet... scroll down a page or so, and the working gotoTop button shows up in the bottom right corner of the viewscreen. Next, browse the same page on iPhone... scroll down... no gotoTop button.
Hello,
The GoToTop Button is disabled by default on Smaller Devices, however you can turn it on by simply adding the data-mobile="true" to the #gotoTop Element. Example:
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
What is the reason that it is disabled by default for smaller devices? I don't want to enable it if there's a good reason not to.
Thanks!
--BB
Hello,
It was disabled only because of the User Experience, since touching on the Top of the Address Bar on iOS Devices automatically Scrolls to the Top of the Page. So if it is Enabled on Mobile Devices and there is a Link in the Same Area as the GoToTop button, the link wouldn't be clicked since the Button will be Hovering on Top of it. But it is definitely a Personal Choice and wouldn't have so much impact if you dont have too many links in the same area.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard