How can I disable the scroll to top funcionality? - Support

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
July 20, 2018 at 11:48 pm #988086

GreenSunSolutions
Participant

I have a problem with the scroll to top button interfering with some of the effects on my site and I would like to remove the scroll to top functionality.
See the attached link. As soon as the button appears the parallax effects stop working! I need to work out a way to turn off whatever script is causing this to happen! Please tell me you can help me!

July 22, 2018 at 10:10 am #988299
Victoria
Inactive Moderator
Hey GreenSunSolutions,

Here is the code to hide the button, you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
#scroll-top-link {display: none; }
```
If you need further assistance please let us know.

Best regards,
Victoria
July 22, 2018 at 11:47 pm #988531

GreenSunSolutions
Participant

This is the thing: I already tried it and yes it hides the button. But the scroll to top script is still running on the page and when you scroll down regardless that the button isn’t appearing the script is still running and interfering with the other Javascript stuff (namely my parallax effects) I have on the page. So I just want to completely stop this script that enables the scroll to top functionality so that it doesn’t cause the problems any more. Can you help me do this?

July 23, 2018 at 4:46 am #988572
Ismael
Moderator
Hi,

This is the only script related to the scroll to top button. It’s in the js > avia.js file.
```
   function avia_scroll_top_fade()
   {
   		 var win 		= $(window),
   		 	 timeo = false,
   		 	 scroll_top = $('#scroll-top-link'),
   		 	 set_status = function()
             {
             	var st = win.scrollTop();

             	if(st < 500)
             	{
             		scroll_top.removeClass('avia_pop_class');
             	}
             	else if(!scroll_top.is('.avia_pop_class'))
             	{
             		scroll_top.addClass('avia_pop_class');
             	}
             };

   		 win.on( 'scroll',  function(){ window.requestAnimationFrame( set_status )} );
         set_status();
	}
```
Best regards,
Ismael
July 23, 2018 at 7:27 pm #988851

GreenSunSolutions
Participant

So i removed this function from avia.js and the scroll to top button still works normally. What is going on here?

July 24, 2018 at 12:48 pm #989144
Ismael
Moderator
Hi,

That script will only make the scroll to top button display. It won’t affect how the button works. Did you enable the css/js compression in the Performance panel? Please disable those temporarily and then re-check the page. Unfortunately, we don’t provide support for third party plugins and script as stated on our support policy. Please keep in touch with the plugin authors.

Best regards,
Ismael
- This reply was modified 6 years, 4 months ago by Ismael.
January 26, 2021 at 6:52 pm #1275542

luhlacom
Participant

Hi,
I have a problem with the toggle. When I click on the link in the menu, you go to the correct toggle, but when I click on toggle 2, it comes to the top of the page, how to prevent it?

Výrobky

Thanks very much for your answer.

January 28, 2021 at 5:45 am #1275944

Ismael
Moderator

Hi,

@luhlacom: Have you tried using an absolute URL instead of a relative path in the menu item URL field? Or just place the anchor without the page path? If you are still encountering the issue after doing the recommendations, please create a new thread and post the site details in the private field.

Best regards,
Ismael
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘How can I disable the scroll to top funcionality?’ is closed to new replies.