Fullscreen Slider / "Scroll to Bottom" button
-
Hello Armin, is there a way to have a button to go to the bottom of the page? I have a three slides fullscreen slider and I want to access the second and third from the first one.
Here's an example of what I mean: http://vigoriti.it/example
Please let me know, thanks a lot!! -
@Gonzalo I have a similar problem - since installing the magnetic slides I can no longer scroll to the bottom of the page...
-
@treh16 Yes! you may find it here: http://laytheme.com/fullscreen-slider.html
-
I think you mean this page here right:
http://www.alexandralunn.com/contact/It's just too much text for the slide. I think here it makes more sense to not use the fullscreen slider for that page.
For going to the 3rd slide from the first you could add a class of "go-3rd" to your element.
Go to "lay options" -> "custom css & html" -> "custom head content"
Then add:<script> jQuery(document).on("click", ".go-3rd", function(event) { jQuery.fn.fullpage.moveTo(3); }); </script>
Also you want to add this css:
.go-3rd{ cursor: pointer; }
And just for going up and down (which wasn't your question):
So basically if you update your fullscreen slider addon and give an element a class of "fp-godown", then it will be clickable and the page will slide down on click. Also you can use the class "fp-goup" -
@arminunruh Thank you!!
5/6
Need custom programming for your Lay Theme site?
I regularly add new features to Lay Theme for free, based on user feedback. But if you or your client need something more specific, I’m happy to offer custom paid programming tailored to your project.
Email info@laytheme.com with the subject "Custom paid programming for Lay Theme" and a short description of what you need — I’ll reply with a cost estimate.
Custom features I build often make it into future Lay Theme updates, so your idea might benefit the whole community.
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