jordan-enev / react-velocity-scroll

Example of using Velocity scroll command in React. The example includes sending and listing messages in a chat-like manner - once a message is sent, then scroll the messages list to the last added one.

Home Page:https://jordan-enev.github.io/react-velocity-scroll/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

About

Example of using Velocity scroll command in React. The example includes sending and listing messages in a chat-like manner - once a message is sent, then scroll the messages list to the last added one.

The repo is a result from the following Stack Overflow contribution: velocity-react - animating scrollTop after component update.

Demo

  1. https://jordan-enev.github.io/react-velocity-scroll/

Installation

  1. npm install
  2. npm start

Note

The Velocity library is included in the example via velocity-react module. Its recommended to include the module for future advanced animations, because it provides already implemented React components for using Velocity's animations. However the repo don't use any animations. It uses only Velocity library's scroll command.

About

Example of using Velocity scroll command in React. The example includes sending and listing messages in a chat-like manner - once a message is sent, then scroll the messages list to the last added one.

https://jordan-enev.github.io/react-velocity-scroll/


Languages

Language:JavaScript 72.2%Language:HTML 27.8%