Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    scroll to section from other page with fullscreen slider addon

    General Discussion
    2
    2
    483
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • F
      FesT last edited by

      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

      1 Reply Last reply Reply Quote 0
      • arminunruh
        arminunruh Global Moderator last edited by

        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

        1 Reply Last reply Reply Quote 0
        • First post
          Last post

        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

        Thanks!

        Online Users

        Recent Topics

        • C

          centred Carousel fixed width and proportions

        • L

          position Project titles outside the images on the side

        • slow navigation WP admin control panel

        • P

          News element date and title order

        laytheme.com