Skip to content

A sleek TypeScript library for full-screen section scrolling, transforming web navigation into a smooth, slide-like experience. It's mobile-responsive, customizable, and perfect for enhancing single-page applications and landing pages.

License

Notifications You must be signed in to change notification settings

ndnci/scroll-section

Repository files navigation

Demo

Check out the live demo here: Scroll Section Demo

Features

  • Full-screen section scrolling
  • Smooth transition animations
  • Mobile responsive
  • Customizable scroll transitions
  • Easy to implement

Usage

After including the library in your project, use the scroll-section class in your HTML sections. For example:

<div class="scroll-section" id="section1">Section 1 Content</div>
<div class="scroll-section" id="section2">Section 2 Content</div>

You can also use a custom menu to navigate between sections. For example:

<nav class="scroll-section-menu">
    <ul>
        <li><a href="#section1">Section 1</a></li>
        <li><a href="#section2">Section 2</a></li>
    </ul>
</nav>

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

About

A sleek TypeScript library for full-screen section scrolling, transforming web navigation into a smooth, slide-like experience. It's mobile-responsive, customizable, and perfect for enhancing single-page applications and landing pages.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published