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.