Weave Code
Foundation Laravel Package
zurb/foundation
Foundation is a responsive front-end framework for building sites and apps on any device. Includes a customizable grid, Sass mixins, JavaScript plugins, and accessibility support, with docs and releases available to help you go from prototype to production.
title: Smooth Scroll description: Allows internal links smooth scrolling. js: js/foundation.smoothScroll.js tags:
- navigation
Setup
To enable SmoothScroll on internal links, just add the attribute data-smooth-scroll to the parent container like our Menu. Please note that each section needs a unique ID.
<ul class="menu" data-smooth-scroll>
<li><a href="#first">First Arrival</a></li>
<li><a href="#second">Second Arrival</a></li>
<li><a href="#third">Third Arrival</a></li>
</ul>
<div class="sections">
<section id="first">First Section</section>
<section id="second">Second Section</section>
<section id="third">Third Section</section>
</div>
You can also setup SmoothScroll directly via individual link.
<a href="#exclusive" data-smooth-scroll>Exclusive Section</a>
<section id="exclusive">The Exclusive Section</section>
Weaver
How can I help you explore Laravel packages today?