https://github.com/tizee/tz-scrollto

A simple scroll-to plugin for my blog.
https://github.com/tizee/tz-scrollto

Last synced: 5 months ago
JSON representation

A simple scroll-to plugin for my blog.

• Host: GitHub
• URL: https://github.com/tizee/tz-scrollto
• Owner: tizee
• Created: 2020-08-09T06:35:26.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-08-09T08:11:27.000Z (almost 6 years ago)
• Last Synced: 2025-09-08T06:48:34.853Z (10 months ago)
• Language: HTML
• Size: 7.81 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


tz-scrollto

a scroll-to plugin for my blog




## Motivation

Enhance in-page navigation experience by scrolling to the element that the `` linked to so that it feels like taking an elevator.


## Usage

I used this plugin in my blog's React component.

```jsx

import TzScrollTo from 'tz-scrollto'

...

{

    e.preventDefault();

    tzScrollTo(e.target,{

        // millisecond

        duration: 600,

        // timing function

        // maybe it's overkill to use a spring animation library like `react-spring`

        easing: 'linear'

    })

    }}

/>


...

```

### spring animation

For those who want to use spring animations, I'd recommend `react-spring`, `react-motion`.