scroll to section from other page with fullscreen slider addon

[FesT]

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

[arminunruh]

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