scroll to section from other page with fullscreen slider addon
-
Hi Armin,
I am using the fullscreen slider and navigate through with the scroll to script, which works well.
<script>
jQuery(document).on('click', '.scrollto', function(e){
e.preventDefault();
e.stopPropagation();
var sectionToScrollTo = jQuery(this).attr('data-scrollto');
jQuery.fn.fullpage.moveTo(sectionToScrollTo);
});
</script>But I am struggling, with the implementation to the menu.
Is it some how possible to jump from one page through the menu to a specific page on the fullscreen slider?best
Felix -
Hey Felix!
I think the menu is more for having links to other urls/pages.
Maybe you rather want to do this with "lay options" -> "Custom CSS & HTML" -> "Custom HTML at top".
In the custom html at top you could put some html markup like for example:
<div class="fullscreenslider-links"> <div class="_Default" data-scrollto="1">Scroll to 1</div> <div class="_Default" data-scrollto="2">Scroll to 2</div> <div class="_Default" data-scrollto="3">Scroll to 3</div> </div>
Of course you will need to style this a bit with css, for example:
.fullscreenslider-links{ position: fixed; top: 10px; right: 10px; z-index: 10; } .fullscreenslider-links div{ cursor: pointer; margin-right: 10px; display: inline-block; } .fullscreenslider-links div:last-child{ margin-right: 0; }
And if you only want this menu on one page and not on others you might want to hide it on other pages using custom css based on page http://laytheme.com/documentation.html#css-based-on-current-page
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it