Home>Support>scroll-to-top 0x0 when using jQuery Smooth Scroll

scroll-to-top 0x0 when using jQuery Smooth Scroll

Hello,

If I activate jQuery Smooth Scroll plugin, the scroll-to-top becomes 0x0 px and not visible anymore. However, if I look in the Inspector, I can see that a#scroll-to-top selector has width: 35px; and so on.

Is the resizing being done in JavaScript by any chance? I am not fully sure how this works. The 0x0 px size can be seen when I hover over
Top

I understand that this is not really an issue that you should be dealing with as it is a 3rd party plugin and I am not really expecting, however, I am sure there is a way around it, just a little bit of code in the right place. The page is

Thank you either way!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 5 years, 11 months ago Andrei Alisen

    It seem that I cannot edit my initial post:

    Instead of ‘Top’, it should be:

    <a id="scroll-to-top" href="#" title="Scroll to Top" style="display: block; opacity: 1;">Top</a>

    And the page is here https://bit.ly/2Jaf6zm

  2. 5 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Andrei,

    Thank you for the link. This issue is happening due to jQuery Smooth Scroll including CSS that affects the Vantage Scroll to Top button (it uses the same id #scroll-to-top) due to jQuery Smooth Scrolling adding its own scroll to top button. You should be able to avoid this issue by disabling the Vantage Scroll to Top. This can be done by navigating to WP AdminAppearanceCustomize, Theme SettingsNavigation and untick Display Scroll To Top. If that doesn’t work, I would double check the jQuery Smooth Scroll settings to see if there’s a way to disable the Scroll to Top button.

    Alternatively, I would replace jQuery Smooth Scroll with Page scroll to id as that plugin won’t add its own Scroll to Top button.

  3. 5 years, 11 months ago Andrei Alisen

    Hi Alex,

    Thank you very much for your input.

    I have disabled the Display Scroll To Top from Vantage, however, that did not change anything. I was still getting a button from jQuery Smooth Scroll.

    Anyway, I have installed ‘Page scroll to id’ which does exactly what I need and I use the Vantage scroll to top button!

    Many thanks and much appreciated!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More