Elements – Navigation In Page

[vc_row full_width=”stretch_row”][vc_column][stack_section_navigator][stack_hero image=”38″][vc_column_text]

In-Page Navigation

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →[/vc_column_text][/stack_hero][/vc_column][/vc_row][vc_section css=”.vc_custom_1498220921925{padding-top: 0px !important;}” ebor_docs=””][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”5/12″][stack_boxed_content padding=”boxed–lg” background=”bg–secondary”][vc_column_text]

In-Page Links

Stack includes a smooth scrolling plugin which allows you to animate the page’s scrolling to elements within the page.

The smooth scrolling function requires two elements: the a href element with class .inner-link and an element to be scrolled to – which requires an id attribute that matches the href value of the link.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=”7/12″][vc_column_text]Scroll to box below[/vc_column_text][vc_empty_space height=”200px”][vc_raw_html]JTNDZGl2JTIwaWQlM0QlMjJteS1zZWN0aW9uJTIyJTIwY2xhc3MlM0QlMjJib3hlZCUyMGJnLS1zZWNvbmRhcnklMjBib3hlZC0tYm9yZGVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMFRoZSUyMGFib3ZlJTIwbGluayUyMHdpbGwlMjBzY3JvbGwlMjB0byUyMHRoaXMlMjBzZWN0aW9uLiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQyUyRnAlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MlMkZkaXYlM0U=[/vc_raw_html][/vc_column][/vc_row][/vc_section][vc_section][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”5/12″][stack_boxed_content padding=”boxed–lg” background=”bg–secondary”][vc_column_text]

In-Page Navigator

The In-Page Navigator is a unique navigation method running down the side of the page that helps to orient the user. This feature is particularly useful for ‘one-page’ sites or small, photography focussed landing pages.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=”7/12″][vc_raw_html]JTNDc2VjdGlvbiUyMGlkJTNEJTIyc2VjdGlvbjElMjIlMjBjbGFzcyUzRCUyMmhlaWdodC00MCUyMGJnLS1zZWNvbmRhcnklMjBib3hlZCUyMGJveGVkLS1ib3JkZXIlMjB0ZXh0LWNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIycG9zLXZlcnRpY2FsLWNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NwYW4lMjBjbGFzcyUzRCUyMmgzJTIyJTNFU2VjdGlvbiUyMDElM0MlMkZzcGFuJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGc2VjdGlvbiUzRQ==[/vc_raw_html][vc_raw_html]JTNDc2VjdGlvbiUyMGlkJTNEJTIyc2VjdGlvbjIlMjIlMjBjbGFzcyUzRCUyMmhlaWdodC00MCUyMGJnLS1zZWNvbmRhcnklMjBib3hlZCUyMGJveGVkLS1ib3JkZXIlMjB0ZXh0LWNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIycG9zLXZlcnRpY2FsLWNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NwYW4lMjBjbGFzcyUzRCUyMmgzJTIyJTNFU2VjdGlvbiUyMDIlM0MlMkZzcGFuJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGc2VjdGlvbiUzRQ==[/vc_raw_html][vc_raw_html]JTNDc2VjdGlvbiUyMGlkJTNEJTIyc2VjdGlvbjMlMjIlMjBjbGFzcyUzRCUyMmhlaWdodC00MCUyMGJnLS1zZWNvbmRhcnklMjBib3hlZCUyMGJveGVkLS1ib3JkZXIlMjB0ZXh0LWNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMGNsYXNzJTNEJTIycG9zLXZlcnRpY2FsLWNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NwYW4lMjBjbGFzcyUzRCUyMmgzJTIyJTNFU2VjdGlvbiUyMDMlM0MlMkZzcGFuJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGc2VjdGlvbiUzRQ==[/vc_raw_html][/vc_column][/vc_row][/vc_section][vc_section][vc_row][vc_column][vc_column_text]

See the In-Page Navigator in action

VIEW THIS PAGE

or try the admin demo ↗

[/vc_column_text][/vc_column][/vc_row][/vc_section]

Scroll to Top