Activate Magnetic slide via seperate link
-
Hey Armin,
I have a Project with an Magnetic Slider (vertical by scrolling) which includes just two slides.The first slide is a Carousel and the second one includes just text. On top of the Carousel Slider I have a button which is called "information". When you click it you should activate the Magnetic Slide-movement and go automatically down to the information/second slide of the Magnetic Slider.
It would be exactly be like a "scroll to bottom" Button.I couldn´t manage to do it. Maybe it`s easy for you.
My Website is rothsimon.de/wp2
Would be very nice thanks a lot
-
Add a class to your "information" textelement called "godown" (without ""). You can do that by hovering over your button in the gridder and clicking the class button.
Then in lay options -> Custom CSS & HTML -> Custom <head> content add:
jQuery("body").on("click", ".godown", function(){ jQuery.fn.fullpage.moveSectionDown(); })
Let me know if that works.
You probably want to hide that button for mobile because magnetic slides might not be active for mobile.
In lay options -> Custom CSS & HTML -> Custom CSS for Mobile Version add:.godown{display:none;}
-
Hi Armin,
thanks a lot for the answer.
I added the class to the textfield and the jquery to the head,
unfortunately nothing happened. The Textfield with "information"
not even bahave like a button. It is not clickable.
Do you habe a clue what could be wrong?Thanks
-
Ahw yea, I made a little mistake. It should work like this:
in lay options -> Custom CSS & HTML -> Custom <head> content add:
<script> jQuery(document).ready(function(){ jQuery("body").on("click", ".godown", function(){ jQuery.fn.fullpage.moveSectionDown(); }); }); </script>
In lay options -> Custom CSS & HTML -> Custom CSS for Desktop Version add:
.godown{ cursor: pointer; }
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it