▼
Streaming live at 10am (PST)

Flex page; Top Nav; Main Section Sliding

#1

being new to Webflow - but still getting more frustrated, by what I would think would be an easy things to do, this has proven, not so much (at least to me). I have spent the last few hours trying to do what I thought would take minutes. I have included the Site and even a Screenshare video link to fully explain. Any help would be greatly appreciated.

screencast explanation <3 min
http://screencast-o-matic.com/watch/cDiv3wiGYD

https://preview.webflow.com/preview/ybsilent-com?preview=aed3618f38d7c96b081ac79486eb2b90

Here is my public share link: LINK
(how to access public share link)

#2

Hey @jdbrowningjr! :slight_smile:

This can be done with a little bit of combinational magic of Webflow's Sliders and JavaScript. Feel free to check my project I did for you here:

Website: http://fullpage-slider-with-menu.webflow.io/
Preview: https://preview.webflow.com/preview/fullpage-slider-with-menu?preview=dc7a63e69a55cfa14a9b655ab4b01bdf

Code: 

<script>
	$(document).ready(function() {
  	$('#goto-Home').click(function(e) {
    	e.preventDefault();
      $('.slide-nav div:nth-child(1)').trigger('tap');
    });
  	$('#goto-About').click(function(e) {
    	e.preventDefault();
      $('.slide-nav div:nth-child(2)').trigger('tap');
    });
  	$('#goto-Contact').click(function(e) {
    	e.preventDefault();
      $('.slide-nav div:nth-child(3)').trigger('tap');
    });
  });
</script>

Let us know if you encounter any troubles :slight_smile:

Cheers,
Bart

#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.