ScrollTo external link - Not working IPad Pro

24 replies · opened Jan 27, 2020

TtautraJan 27, 2020

Hi, I have an issue with scroll to a link on another page. This is not working using an IPad Pro with google Chroome (Firefox and Safari both ok). The normal IPad is working for all browser. This issue is also only from the index.html page. If I am on another page, this is working properly. This seems to have something to do with the revslider. Could you please check?

I have also another issue with the IPad Pro. Here google Chroome is working ok for all pages (except index.html). But I have an issue with Safari and Firefox with the pages with more than one section. The background image is not covering the page (background-size:cover;), but is getting way to big. Could you also please have a check here.

Many thanks!

TtautraJan 27, 2020

Here the link to the page: https://www.sonnenberg-ag.ch/

All pages working perfectly on a normal computer with different browsers.

TtautraJan 30, 2020

Any help on this one? The probelm is only when using the sub menu links.... Under Company and Asset Management on the first page

TtautraFeb 1, 2020

Update: I have solved the issue with the size of the backgroud picture.

Still having the problem with the Sub-Menu Links using an IPadPro with google chroome....

TtautraFeb 3, 2020

Anyone looking into this one? This is also a problem using Microsoft Edge with the IPad Pro

SSemicolon WebSTAFFFeb 4, 2020

Hello,

Thanks for your Valuable Patience!

The issue does not appear to be with Canvas Template as there are some Custom Codes on your Website like the Scrollify Plugin which modifies the Scroll Behavior. Then there are some HTML Validation issues: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.sonnenberg-ag.ch%2Fcompany.html as well.

Additionally, it is recommended to use the following code for Scrolling on External Pages:


    jQuery(document).ready( function(){
        setTimeout(function() {
            if (location.hash) {
                window.scrollTo(0, 0);
            }
        }, 1);
    });

    jQuery(window).on('load', function(){
        var divScrollToAnchor = window.location.hash;

        if( typeof divScrollToAnchor !== 'undefined' ) {
            var t = setTimeout( function(){
                jQuery('html,body').stop(true).animate({
                    'scrollTop': jQuery( divScrollToAnchor ).offset().top - 100
                }, 700, 'easeOutQuad');
            }, 1000);
        }
    });

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

TtautraFeb 4, 2020

Thanks for your reply. This is an issue within the template I think. I have now removed the external plugin and changed the scroll to code. The problem is only with the index page. Everything is working well from the other pages.

Could you please check out index1.html? And try the sub-links to company (new company1.html)?

The issue is still there for the IPad Pro.

I think this might have something to do with the use of the z-index feature...

Many thanks for your help.

SSemicolon WebSTAFFFeb 5, 2020

Hello,

We have just checked this out on iPad Pro and iPad Air. Everything seems to be working fine at the moment. Please make sure that the Link is https://www.xxxxxxxxxx.ch/company1.html#section-partners . Try opening this URL directly on iPad Pro and it should work fine. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

TtautraFeb 5, 2020

I need the link to be opened from the sub-menu under company on the index page. If I click an hold on the link in the sub-menu, I will be asked by the browser if the link https://www.xxxxxxx-ag.ch/company1.html#section-partners should be opened in a new browser tab. What I need is the sub-menu links to be opened on click from the index page, as the case is on the other pages.

This is only an issue with Chrome and Microsoft Edge. My colleague, has the same problem using an IPad Pro.

Could you please check again and also provide me with the version of Chrome you have used.

Could you also please remove the address to the page from your reply. Many thanks.

TtautraFeb 5, 2020

If a change to the desktop-version on the IpadPro everything is fine. It is only a problem with the mobile version.

SSemicolon WebSTAFFFeb 6, 2020

Hello,

Thanks for your Continued Patience on this!

Please allow us some more time while we run more tests on this. It would be great if you can please provide us with a Sreencast/Video of the Issue so that we can reproduce it on our end and then try finding a fix for this.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

TtautraFeb 14, 2020

Any progress?

TtautraFeb 19, 2020

?

SSemicolon WebSTAFFFeb 19, 2020

Hello,

We really apologies about the Continuous Delays!

Please allow us sometime, possibly another 24-48 hours and we will definitely come back with a proper solution for this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

TtautraFeb 29, 2020

Someone working on this one?

SSemicolon WebSTAFFMar 2, 2020

Hello,

Thanks for your Valuable and Continued Patience!

We have thoroughly checked out all the codes on your Page and the possible cause of this issue according to what we have detected, is the following code:


- [About Us](https://www.sonnenberg-ag.ch/company.html#section-about)

- [Corporate Philosophy](https://www.sonnenberg-ag.ch/company.html#section-corporate_philosophy)

- [Team](https://www.sonnenberg-ag.ch/company.html#section-team)

- [Our Partners](https://www.sonnenberg-ag.ch/company.html#section-partners)

- [Supervision](https://www.sonnenberg-ag.ch/company.html#section-supervision)

Since this is the index.html Page and there are no Hash Sections on this Page with relative to the data-scrollto Attribute as defined on your menu items, you should be using the following codes:


- [About Us](https://www.sonnenberg-ag.ch/company.html#section-about)

- [Corporate Philosophy](https://www.sonnenberg-ag.ch/company.html#section-corporate_philosophy)

- [Team](https://www.sonnenberg-ag.ch/company.html#section-team)

- [Our Partners](https://www.sonnenberg-ag.ch/company.html#section-partners)

- [Supervision](https://www.sonnenberg-ag.ch/company.html#section-supervision)

It is recommended to use the data-scrollto Attribute only on Pages with available Hash Sections to avoid any conflict.

This should definitely fix your issues. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

TtautraMar 3, 2020

I have now made the proposed changes to my test page /index1.html. I still do have the same issues using an IPad Pro with Edge or Chrome in the mobile version. The Desktop Version of Chroome on the IPad Pro works perfect.

Could you please confirm, that you have tested this using an IPad Pro with the mentioned Mobile Browser versions.

Many thanks.

TtautraMar 3, 2020

And when I remove the slider (see index2.html), the menu is working fine on all devices. So there has to be a issue within the slider code....

SSemicolon WebSTAFFMar 5, 2020

Hello,

Thank You so much for more details on this.

We did check this on an iPad Pro and it appeared to be working fine for us. Meanwhile, according to the Link you have provided above: http://themes.semicolonweb.com/html/canvas/rs-demo-premium-news-content.html, can you please confirm if this issue occurs only on this Revolution Slider Demo or on other RS Demos as well? We apologize about the delay in support in regards to this issue, as this is relatively a very new issue and never have been reported before. But we assure you that we will keep checking this and fix this as required. Thanks for your Patience.

Additionally, when checking your Browser's Console, there are some CORs related issues regarding Mixed https:// content. Can you please check and fix these issues, as sometimes these also cause expected issues.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

TtautraMar 6, 2020

This problem occurs on other RS Demos as well. When I change to desktop-version the links in the sub-menus are working...

So this is a general problem with you demos.

SSemicolon WebSTAFFMar 8, 2020

Hello,

Thank You so much for continuing providing us with more information on this and your valuable patience.

We are working on this and keep you updated as we progress fixing this issue. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

TtautraApr 18, 2020

Will there be a solution here?

SSemicolon WebSTAFFApr 21, 2020

Hello,

Thanks for your Continued Patience!

Unfortunately, we are still unable to find a proper solution for this since there is a conflict with Revolution Slider only on the iPad Devices with One Page Menus. We are still looking into the possible solutions and will surely update you once there is a fix. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

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