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

• codepen — Basic usage

⚙️ 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.