Skip to content

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.

jordan-enev/react-velocity-scroll

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published