Skip to content

huodoushigemi/wc-affix

Repository files navigation

WC Affix

The wc-affix is a high performance flow layout component written using web-component

It can support running in various frameworks, such as React Vue

🌈 Demo

⚙️ Installation

  • npm

npm i wc-affix
  • scripts

<script src="https://cdn.jsdelivr.net/npm/wc-affix/dist/index.iife.js"></script>

🦄 Example

🐔 Use in VanillaJS

<script src="https://cdn.jsdelivr.net/npm/wc-affix/dist/index.iife.js"></script>

<h1>wc-affix</h1>

<wc-affix active-style="box-shadow: 0 0 10px #80808080">
  <div>01</div>
</wc-affix>

📄 Props

Name Type Default Description
offset number 0 Number of columns
active-class string Class displayed during activation
active-style string Style displayed during activation
target string Specifies the scrollable area DOM node

⭐️ Show Your Support

Please give a ⭐️ if this project helped you!

👏 Contributing

If you have any questions or requests or want to contribute, please write the issue or give me a Pull Request freely.

About

A high-performance AFFIX component written using web component

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published