SOLVED Forced scrolling points Atom wanted
-
-
- Riccardo
- Elite Rocketeer
- Posts: 1082
- Thanks: 29
-
How I can find a forced scrolling points Atom? I want the same scrolling move as in this page:
https://www.lefayresorts.com
When You will scroll to bottom or to top the page, the page moves automatic to the next text (anchor point) in the center of the windows. - Last Edit: 7 years 6 months ago by Riccardo.
- Riccardo Rausch
www.rausch.it
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
SUPRA includes a fullpage scrolling atom so you could copy that.
If you want to know how to copy a Gantry 5 particle from one template to another please read my tutorial here in Gantry 5 Official Documentation here .
But personally I hate it and find it annoying when scrolling as I often whizz past the next section by accident.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Riccardo
- Elite Rocketeer
- Posts: 1082
- Thanks: 29
-
I have a website with this template and have charged (in the base outline) and tested this atom (Full Page Scroll Atom); but can't see this in work.
http://www.rockettheme.com/docs/joomla/templates/supra/atom_fullpage.md
I can imagine that it's to use anchor places (probably in the field "Custom Slide Selector Class"). This point in the settings is not well described and not clear to me. Can you please help me briefly so that I can see how this atom works? - Last Edit: 7 years 6 months ago by Riccardo.
- Riccardo Rausch
www.rausch.it
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
You denote the sections that you want the fullpage scrolling atom to act upon by adding the "section" class to the sections that you want to take up a whole page for scrolling.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Riccardo
- Elite Rocketeer
- Posts: 1082
- Thanks: 29
-
It's possible to denote the Positions in a Container instead a Section?
I made further attempts by giving the class references you said, but it does not work and the website gets lost his layout. It is likely that using this atom will require different settings or have compatibility issues with my custom style settings, ...although this is a supra template. - Last Edit: 7 years 6 months ago by Riccardo.
- Riccardo Rausch
www.rausch.it
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Here's the documentation
https://github.com/alvarotrigo/fullPage.js
.
It's meant to be used on sections.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Riccardo
- Elite Rocketeer
- Posts: 1082
- Thanks: 29
-
Today I have tried again to operate this atom following the instructions that you have shown me. As I have already written, see the different attached screenshots, it does not work. I checked the presence of the required class and id tags. However, in windows7 with FF and Chrome browsers (latest version), it does not work.
I forgot something? - Last Edit: 7 years 6 months ago by Riccardo.
- Riccardo Rausch
www.rausch.it
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
1. You did not add the "section" class to the sections as I stated.
2. the fullpage atom settings were the wrong way around - 0 1300px instead of 1300px 0.
I corrected the english only outlines and now it works. You will have to do all the others.
Regards, Mark. -
The following users have thanked you: Riccardo
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Riccardo
- Elite Rocketeer
- Posts: 1082
- Thanks: 29
-
I Thank you very very much! for your patience and for your help. Probably it's just my fault (my english language and web programming competence) that I don't understand the (
https://github.com/alvarotrigo/fullPage.js
) explanation of this atom.
I've looked at the outline you've corrected by adding the "section" tags to each section of the layout in the basic outline. Unfortunately, the activity of this atom blurs the graphic settings on the home page, where it works a zoom effect (@ -webkit-keyframes zoomin) and also in the page where I wanted it to use this fullpage atom, where I used the Joomla Articles particle. Also on this page, when the Atom is active, the layout are lost by cutting the header.
In each article that was loaded in the Joomla Articles particle, I added the tag <div class = "slide"> and I thought that in this way the sliding anchors would have to work. There is the "Section" tag and inside this the "slide" tag, so I was hoping it would finally work. Unfortunately, also in this way it does not work!
When I spin the mouse wheel, the page moves immediately to the last section; it moves to the footer and skipping all the "slide" tags present in the articles.
I have already lost too much time for this effect and will simply tell the customer that it is not possible to use it in their web structure (is to much invasive). The use of this atom disturbs the current and stable custom style settings, requires many code insertions in different places and in the end does not work clean!
If I find something simple and clean, I will try to continue the experiment.
Forgive me for losing your time! - Riccardo Rausch
www.rausch.it
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
There's nothing wrong with the atom. It's merely how you chose to implement it's usage. If you look a the Supra demo home page you will see that the atom works perfectly well on the sections it has been added. Don't forget that what it's doing is to make each section at least as tall as the viewport window. Without sufficient content this can look a bit odd. Also, you don't want to apply this to every section either. The "slide" class is something different again and you do not want to be using that on normal sections.
I'll mark this topic solved now then if you are moving on to something else.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.100 seconds