Support Forums

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

Your Time: Our Time:

Smooth Scroll

Featured Lock Resolved Task
Hello, how do I get a Smooth Scroll for an anchor menu?

17 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there, Please follow the instructions.

Add this line of code inside teplate index.php line on 129
templates/shaper_floox/index.php
$doc->addScriptdeclaration( "\nvar helixOnepageUrl= '".JURI::base() . "';\n" );

Add this line of code inside teplate index.php line on 159
templates/shaper_floox/index.php
->addJS('bootstrap.min.js, jquery.sticky.js, main.js, smoothscroll.js, jquery.nav.js') // JS Files


Add this javascript code inside template main.js file line on 118
templates/shaper_floox/js/main.js

var homeSectionId = $('#sp-page-builder > .page-content > *:first-child').attr('id'); // home section id
//if first section hasn't id
if (homeSectionId == undefined) {
$('#sp-page-builder > .page-content > section:first-child').attr('id', 'first-section');
}

$('.sp-megamenu-wrapper ul, .nav.menu').find('li:not(".no-scroll")').each(function (i, el) {
var $that = $(this),
$anchor = $that.children('a'),
url = $anchor.attr('href'),
splitUrl = url.split('#');

if ($that.hasClass('home')) {
//alert(homeSectionId);
if (homeSectionId) {
$anchor.attr('href', helixOnepageUrl + '#' + homeSectionId);
} else {
$anchor.attr('href', helixOnepageUrl);
}
} else {
if (typeof splitUrl !== undefined) {
$anchor.attr('href', helixOnepageUrl + '#' + splitUrl[1]);
}
;
}
});

//onepage nav
$('.sp-megamenu-parent, .nav.menu').onePageNav({
currentClass: 'active',
changeHash: false,
scrollSpeed: 900,
scrollOffset: 60,
scrollThreshold: 0.5,
filter: ':not(.no-scroll)'
});


Add this home class inside the home menu
https://prnt.sc/iqxtov

Download the attachment and extract the two files inside template js folder
templates/shaper_floox/js/

-Thanks

Attachments (1)

  • Archive.zip 5 KB

Toufiq - Staff

More than a month ago #Permalink
Hi there,

This feature doesn't exist inside on this template. If you need this feature, please use one page base templates.

Like: Oneclip, Onepage, Qubic

-Thanks

Alexandre

More than a month ago #Permalink
Hello Toufic, how are you?

I need this solution for this template.

Tempalate is built on Helix3, right?
So, if I use the same solution found in Helix3, will I get the solution I need?

Sorry to say, but I am a paying customer of 2 years and expected a greater effort on the part of Joomshaper.

Toufiq - Staff

More than a month ago #Permalink
Hello Toufic, how are you?

I need this solution for this template.

Tempalate is built on Helix3, right?
So, if I use the same solution found in Helix3, will I get the solution I need?

Sorry to say, but I am a paying customer of 2 years and expected a greater effort on the part of Joomshaper.


Hi, Let me talk with Team. Thanks

Alexandre

More than a month ago #Permalink
Toufiq, it's been over a month !!!! What customer support is this?

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Did you check my last reply?

-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Did you check? I am waiting for your feedback.

-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi there, I am waiting for your feedback. Thanks

Alexandre

More than a month ago #Permalink
Sorry Toufic did not receive email with your answer, so I just saw your answer now.
I made the change as you explained and it's working.
One question, in the links I create in the middle of the page can I maintain this smooth?

Toufiq - Staff

More than a month ago #Permalink
Sorry Toufic did not receive email with your answer, so I just saw your answer now.
I made the change as you explained and it's working.
One question, in the links I create in the middle of the page can I maintain this smooth?


Hi there,

I have checked notification & its working fine. If you wanna middle area for smooth scroll, then i would suggest you use page builder navigation add-on.

Thanks

3Mont

More than a month ago #Permalink
Hello, its OK, but scroll speed is not function. I change 900 to 100 and its same.. Please help.

Toufiq - Staff

More than a month ago #Permalink
Hello, its OK, but scroll speed is not function. I change 900 to 100 and its same.. Please help.


Hi there, Would you please share your site URL? Thanks

3Mont

More than a month ago #Permalink
Hello Toufiq, http://new3mont.3mont.cz

setting on ABOUT US

Thanks

Toufiq - Staff

More than a month ago #Permalink
Hello Toufiq, http://new3mont.3mont.cz

setting on ABOUT US

Thanks


Nice works
Why don't you add this feature to Helix Ultimate Framework in the basic configuration?

Is very boring repeat this trick in each website or project!

AFRINIC Webmaster

More than a month ago #Permalink
Why don't you add this feature to Helix Ultimate Framework in the basic configuration?

Is very boring repeat this trick in each website or project!


Exactly


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