@compactjs/chatscroll
Version:
Auto scroll to bottom
104 lines (73 loc) • 2.73 kB
Markdown
<h1 align="center">@compactjs/chatscroll</h1>
<h3 align="center">Auto scroll to bottom</h3>
<p align="center">
<a href="https://www.npmjs.com/package/@compactjs/chatscroll" target="_blank">
<img alt="Version" src="https://img.shields.io/npm/v/@compactjs/chatscroll.svg">
</a>
<a href="https://github.com/CompactJS/chatscroll/blob/main/LICENSE" target="_blank">
<img alt="License: MIT" src="https://img.shields.io/github/license/CompactJS/chatscroll" />
</a>
</p>
<p align="center">
·
<a href="https://github.com/CompactJS/chatscroll#readme">Homepage</a>
·
<a href="https://compactjs.github.io/chatscroll">View Demo</a>
·
<a href="https://github.com/CompactJS/chatscroll/issues">Report Bug / Request Feature</a>
·
</p>
## Table of Contents
- [Installation](#Install)
- [Usage](#usage)
- [Test](#run-tests)
- [Contact](#contact)
- [Contributing](#Contributing)
- [License](#license)
## Install
### NPM:
```sh
npm install @compactjs/chatscroll
```
### CDN:
```html
<script src="https://unpkg.com/@compactjs/chatscroll/dist/index.umd.js"></script>
```
## Usage
### As module:
```javascript
import { observe } from '@compactjs/chatscroll';
```
### Example:
```javascript
const container = document.getElementById('container');
observe(container);
```
Have a look at the [example](https://github.com/CompactJS/chatscroll/blob/main/example/index.html).
Or checkout the [demo](https://compactjs.github.io/chatscroll).
## Run tests
```sh
npm run test
```
## Contact
👤 **Timo Bechtel**
- Website: https://timobechtel.com
- Twitter: [@TimoBechtel](https://twitter.com/TimoBechtel)
- GitHub: [@TimoBechtel](https://github.com/TimoBechtel)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!<br />
1. Check [issues](https://github.com/CompactJS/chatscroll/issues)
1. Fork the Project
1. Create your Feature Branch (`git checkout -b feat/AmazingFeature`)
1. Test your changes `npm run test`
1. Commit your Changes (`git commit -m 'feat: add amazingFeature'`)
1. Push to the Branch (`git push origin feat/AmazingFeature`)
1. Open a Pull Request
### Commit messages
This project uses semantic-release for automated release versions. So commits in this project follow the [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0-beta.2/) guidelines. I recommend using [commitizen](https://github.com/commitizen/cz-cli) for automated commit messages.
## Show your support
Give a ⭐️ if this project helped you!
## 📝 License
Distributed under the [MIT](https://github.com/CompactJS/chatscroll/blob/main/LICENSE) License.
---
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_