Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Smooth Scroll on Helixultimate

Featured Lock Resolved Issue
Hey guys,

we are trying to implement Smooth Scroll effect on a onepager made with helixultimate and just followed this manual: https://www.elmastudio.de/smooth-scroll-elegantes-scrollen-mit-jquery/

Unfortunately we cant get it to work. we tried to implement ist to the main.js as well as in die index.php of the template but without success.

Can you help us? The Website is: http://omu.agency/inensus/

15 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
For all other users I put a plugin file below

Attachments (1)

  • plg_system_qlsmoothscroll-v1.0.1.zip 11.1 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Hi, customization is not part of support.

I suggest to use READY smooth scroll plugin made for Joomla.

In Helix Manual there is guide how to use custom code safely.

Rauch

More than a month ago #Permalink
Hello,

I'm using smooth scroll since years. With the solution described here:
Helix3 OnePage Website Smooth Scroll

For the new helixultimate you need a few changes.

Download the attched zip file.

Copy smoothscroll.js and jquery.nav.js to /templates/shaper_helixultimate/js

Edit main.js in the same Directory
Copy the Content from main.js.txt to main.js
Before " // go to top"

Edit the helixultimate.php in Directory /plugins/system/helixultimate/core
as described in helixulitmate.php.txt

Reload Site Done.

Hopfully this will help others.

Attachments (1)

  • smoothscroll.zip 4.8 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Template code customization is not always good move for non-web developers. They can easy damage theme code or forget about made changes (during next update). I hope you're agree with me.
----

For my projects I used, for example, plugin "Smooth Scroll Anchors" with useful settings.

pepperstreet

More than a month ago #Permalink
and just followed this manual: https://www.elmastudio.de/smooth-scroll-elegantes-scrollen-mit-jquery/


As far as I remember, there is a free system plugin from QL.de / Blackforest-Software.com which implements the same script. Slightly hidden and hard to find, but here is the product page (free download!)
https://www.blackforest-software.com/index.php/en/development-tools/qlsmoothscroll/download

Please, check plugin parameters for offset and script loading.
I have tried it only once and it worked with a local Ultimate installation.

Siam Naulak

More than a month ago #Permalink
Hello,

I'm using smooth scroll since years. With the solution described here:
Helix3 OnePage Website Smooth Scroll

For the new helixultimate you need a few changes.

Download the attched zip file.

Copy smoothscroll.js and jquery.nav.js to /templates/shaper_helixultimate/js

Edit main.js in the same Directory
Copy the Content from main.js.txt to main.js
Before " // go to top"

Edit the helixultimate.php in Directory /plugins/system/helixultimate/core
as described in helixulitmate.php.txt

Reload Site Done.

Hopfully this will help others.


This work perfectly!!! Thanks for sharing

Hjalte

More than a month ago #Permalink
@Rauch
Thank you very much !

hojaweb

More than a month ago #Permalink
Template code customization is not always good move for non-web developers. They can easy damage theme code or forget about made changes (during next update). I hope you're agree with me.
----

For my projects I used, for example, plugin "Smooth Scroll Anchors" with useful settings.


I use same plugin but not work for me

No smooth scrolling displayed :(

Paul Frankowski - Staff

More than a month ago #Permalink
Maybe you forgot to put a class name for the menu item,
sorry but this is not our plugin, so I cannot teach you how to use it.

pepperstreet

More than a month ago #Permalink
and just followed this manual: https://www.elmastudio.de/smooth-scroll-elegantes-scrollen-mit-jquery/


As far as I remember, there is a free system plugin from QL.de / Blackforest-Software.com which implements the same script. Slightly hidden and hard to find, but here is the product page (free download!)
https://www.blackforest-software.com/index.php/en/development-tools/qlsmoothscroll/download

Please, check plugin parameters for offset and script loading.
I have tried it only once and it worked with a local Ultimate installation.


FYI – here is another plugin by JoomLack.fr
https://extensions.joomla.org/extension/scroll-to-ck/

kupala

More than a month ago #Permalink
I just put this code into the "</>Custom code" settings ("Custom Javascript") of the helix 3/helix ultimate template:

/* smoth scroll to ancor # */
jQuery(function($){
$('a[href^="#"]').click(function(){
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top-0}, 900, 'swing');
return false;
});
});

and smooth scrolling works perfect!!!

Paul Frankowski - Staff

More than a month ago #Permalink
@kupala
Only this above code or with an extra plugin as well?

kupala

3 weeks ago #Permalink
@kupala
Only this above code or with an extra plugin as well?

The code works without any plugins.
But I noticed a problem: after a smooth scrolling to the block containing the Modal Popup Addon, the modal window does not open when you click on the button...

Paul Frankowski - Staff

3 weeks ago #Permalink
Sorry, it's not our script. No warranty.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 122
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 90
Toufiq

Toufiq

Total Accepted Answers: 33
Al Mamun

Al Mamun

Total Accepted Answers: 3
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us