Demo: Table of Contents in CSS and JavaScript | CodyHouse
Copy:

👋 First time here?

This component is part of the CodyHouse UI Framework.

Learn more → Get started | Components | Global Style

Error: please try again or contact us

⚠️ Dependencies

If you're using this component, you should include the SCSS/JS of the following components:

🔐 Login Required

Create a free CodyHouse account to unlock members-only features and join our community of web designers!

Create Free Account

🔐 Login

or create an account

🚀 Upgrade to CodyHouse Pro

  • ✅ Unlimited CodyHouse projects
  • ✅ Unlock 119 pro components and counting
  • ✅ One-click project export

⚠️ Dependencies

If you're using this component, you should include the SCSS/JS of the following components:

  • 📦 Table of Contents
    Current component
    Copy:
  • 📦 Smooth Scrolling
    0 && !Util.cssSupports('scroll-behavior', 'smooth') && window.requestAnimationFrame) { // you need javascript only if css scroll-behavior is not supported for( var i = 0; i < smoothScrollLinks.length; i++) { (function(i){new SmoothScroll(smoothScrollLinks[i]);})(i); } } }());" data-scss="/* -------------------------------- File#: _1_smooth-scrolling Title: Smooth Scrolling Descr: Replace the default browser behaviour (jump) with a smooth scrolling transition Usage: codyhouse.co/license -------------------------------- */ html { // you can apply this to the container of your scrolling section scroll-behavior: smooth; }"> Copy: