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.