Scrolling effect like this?

Hi Dave,

I think is not possible directly in Themler because you can't add JS on it, but, you can do it easy on a Joomla or Wordpress site.

Script 1 > In the next URL you will see the JS code that you have to add to your site and a sample demo.

• Script on Stackoverflow: https://stackoverflow.com/questions/25839487/auto-scroll-to-next-anchor-at-mouse-wheel
• Demo working: http://jsfiddle.net/t6LLybx8/728/

Script 2 > And here you can see another tutorial to do that:

• http://manos.malihu.gr/page-scroll-to-id-with-mousewheel-and-keyboard/

Regards

Last edited 20 July 2017 by gcg

Thanks GCG, I'll take a look.

Themler peeps?

Hi,

Unfortunately Themler does not have such built in feature. But if you have script which do this you can link it to the theme under the Settings >> Additional HEAD HTML or insert HTML control with the script on the template(s).

Thank you,
Olivia

Hi Dave,

You are wellcome.

I think that for scripts like this it's better add it in the CMS backend with a Joomla plugin or module because if in the future i don't need this anymore, only have to make 1 clic to disable or delete this, don't have to come back to Themler > Remove code > Save (& publish) > Install the clean template again.

Regards

I agree, if Themler can't do it I won't use it to add it manually. I always try to use the CMS in this case.

However, on a different note. Can multiple full screen height elements be on the page? So you end up with multiple sections that are the same height when scrolling down through them? This would accomplish half of what this does just not the auto scrolling part. Does this make sense? I guess I could try it and see.

Or you can just use Smart Slider 3.
Here is example: https://smartslider3.com/fullsize/

Hi Vitaliy WD, that's funny you are showing me the thing the example site used. I just assumed it was a WordPress thing and did not even look at it. I see it's a Joomla thing too! Not too expensive either.

Thanks!

So to answer my own question, I created a template and added a few sections and made them all 100vh and they are exactly what I wanted. Now if Themler ever adds a way to do what Smart Slider does I can use this on HTML sites. But for now I like this method for an HTML site I am making.

Smart Slider will be nice on a Joomla site once I test it.

Hello,

I have the same problem, but I don't want to use Sections with 100vh.

My page is one page layout and has 6 sections. Jumping to them from menu without smooth scrolling to an anchor / section works fine.
But when scrolling, it stops somewhere in the page.

The point it should stopp looks like this: section class=" bd-section-5 bd-tagstyles" id="slogan" data-section-title="Slogan"

Trying to get the Script 1 working was without result. I pasted the code in themler > home > additional head html between script and also tried plugin called add-custom-javascript.

can someone please help
thx

Last edited 11 December 2017 by macais