Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

ndnci/scroll-section

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

 
 
 

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.