4.41.79 • Published 4 months ago

@tramvai/module-autoscroll v4.41.79

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
4 months ago

Autoscroll

React component that implements autoscroll to page start or to the anchor on page on SPA-navigations

The behaviour is similar to the react-router

Installation

First install @tramvai/module-autoscroll:

yarn add @tramvai/module-autoscroll

And add AutoscrollModule to the modules list:

import { createApp } from '@tramvai/core';
import { AutoscrollModule } from '@tramvai/module-autoscroll';

createApp({
  name: 'tincoin',
  modules: [AutoscrollModule],
});

Explanation

Behavior

behavior: smooth is not supported by every browser (e.g. doesn't work in Safari). In this case you can use polyfill smoothscroll-polyfill that you should add to your app.

How to

Disable autoscroll for page

If you need to disable autoscroll on the specific pages you can specify parameter navigateState.disableAutoscroll = true to the navigate call:

import { useNavigate } from '@tramvai/module-router';

function Component() {
  const navigateToWithoutScroll = useNavigate({
    url: '/url/',
    navigateState: { disableAutoscroll: true },
  });

  return <Button onClick={navigateToWithoutScroll} />;
}

Scroll behavior change

Global

import { AUTOSCROLL_BEHAVIOR_MODE_TOKEN } from '@tramvai/module-autoscroll';
import { provide } from '@tramvai/core';

const providers = [
  // ...,
  provide({
    provide: AUTOSCROLL_BEHAVIOR_MODE_TOKEN,
    useValue: 'auto', // default is 'smooth'
  }),
];

Local

import { useNavigate } from '@tramvai/module-router';

function Component() {
  const navigateToWithAutoBehavior = useNavigate({
    url: '/url/',
    navigateState: { autoscrollBehavior: 'auto' },
  });

  return <Button onClick={navigateToWithAutoBehavior} />;
}

ScrollTo top change

Global

import { AUTOSCROLL_SCROLL_TOP_TOKEN } from '@tramvai/module-autoscroll';
import { provide } from '@tramvai/core';

const providers = [
  // ...,
  provide({
    provide: AUTOSCROLL_SCROLL_TOP_TOKEN,
    useValue: -1, // default is 0
  }),
];
@everything-registry/sub-chunk-930@zalastax/nolb-_tram
5.45.2

4 months ago

5.45.0

4 months ago

5.41.2

5 months ago

5.21.0

6 months ago

5.22.0

6 months ago

5.40.0

5 months ago

5.41.1

5 months ago

4.41.79

5 months ago

4.41.56

6 months ago

3.41.49

6 months ago

4.41.55

6 months ago

4.41.54

6 months ago

5.24.0

6 months ago

5.20.0

6 months ago

5.18.3

6 months ago

5.18.1

6 months ago

4.41.52

6 months ago

5.19.0

6 months ago

5.16.2

6 months ago

5.16.0

6 months ago

5.17.0

6 months ago

4.41.46

6 months ago

4.41.45

6 months ago

4.41.48

6 months ago

4.41.49

6 months ago

5.15.3

6 months ago

3.41.48

6 months ago

5.15.2

6 months ago

5.14.10

7 months ago

4.41.42

7 months ago

4.41.41

7 months ago

4.41.43

7 months ago

5.14.9

7 months ago

5.15.1

7 months ago

3.41.45

7 months ago

4.41.37

7 months ago

4.41.36

7 months ago

4.41.39

7 months ago

4.41.38

7 months ago

4.41.32

7 months ago

5.10.0

7 months ago

4.41.31

7 months ago

5.9.2

8 months ago

5.9.1

8 months ago

3.41.43

8 months ago

3.41.42

8 months ago

4.41.29

8 months ago

4.41.30

8 months ago

5.8.0

8 months ago

3.41.39

8 months ago

3.41.40

8 months ago

4.41.26

8 months ago

4.41.25

8 months ago

5.6.4

8 months ago

3.41.38

8 months ago

4.41.24

8 months ago

4.41.22

8 months ago

4.41.21

8 months ago

5.5.4

8 months ago

5.6.2

8 months ago

5.6.0

8 months ago

3.41.36

9 months ago

4.41.17

9 months ago

4.41.19

9 months ago

5.5.2

9 months ago

5.5.1

9 months ago

3.41.35

9 months ago

4.41.15

9 months ago

4.41.14

9 months ago

5.4.3

9 months ago

5.4.2

9 months ago

4.41.11

9 months ago

5.4.0

9 months ago

5.1.2

9 months ago

4.41.8

9 months ago

5.0.2

9 months ago

5.1.1

9 months ago

5.1.0

9 months ago

3.41.33

9 months ago

3.41.32

9 months ago

3.41.31

10 months ago

3.41.30

10 months ago

4.41.7

9 months ago

4.41.2

10 months ago

4.41.1

10 months ago

4.41.6

9 months ago

4.41.5

9 months ago

4.41.4

9 months ago

4.41.3

10 months ago

4.37.0

10 months ago

4.36.2

10 months ago

4.36.0

10 months ago

4.39.1

10 months ago

4.39.0

10 months ago

4.38.0

10 months ago

3.41.19

10 months ago

3.41.16

11 months ago

3.41.13

11 months ago

3.41.11

11 months ago

4.33.3

11 months ago

3.41.26

10 months ago

3.41.24

10 months ago

3.41.22

10 months ago

4.35.0

11 months ago

4.34.4

11 months ago

4.34.1

11 months ago

4.40.3

10 months ago

4.40.1

10 months ago

4.40.5

10 months ago

4.33.2

11 months ago

4.33.1

11 months ago

3.41.9

11 months ago

4.32.6

11 months ago

4.32.5

11 months ago

3.41.4

11 months ago

3.41.5

11 months ago

3.41.6

11 months ago

3.41.7

11 months ago

4.25.0

12 months ago

4.26.4

12 months ago

4.26.5

12 months ago

4.26.7

12 months ago

4.26.0

12 months ago

4.26.1

12 months ago

4.26.2

12 months ago

4.26.9

11 months ago

4.14.0

1 year ago

4.24.0

12 months ago

4.24.1

12 months ago

4.13.0

1 year ago

4.27.1

11 months ago

3.40.49

1 year ago

3.40.48

1 year ago

3.40.47

1 year ago

3.40.46

1 year ago

3.40.44

1 year ago

3.40.43

1 year ago

3.40.41

1 year ago

4.21.0

12 months ago

3.40.69

11 months ago

3.40.67

12 months ago

3.40.65

12 months ago

3.40.62

12 months ago

3.40.61

12 months ago

3.40.60

12 months ago

4.20.1

1 year ago

3.40.58

12 months ago

3.40.57

12 months ago

4.32.0

11 months ago

3.40.53

1 year ago

3.40.51

1 year ago

4.32.2

11 months ago

4.12.5

1 year ago

4.23.0

12 months ago

4.22.0

12 months ago

4.20.7

12 months ago

4.20.9

12 months ago

4.31.0

11 months ago

3.40.76

11 months ago

3.40.73

11 months ago

3.40.70

11 months ago

4.18.1

1 year ago

4.18.3

1 year ago

4.18.4

1 year ago

4.18.0

1 year ago

4.18.5

1 year ago

4.17.0

1 year ago

4.29.1

11 months ago

3.41.0

11 months ago

3.41.1

11 months ago

3.41.3

11 months ago

4.19.0

1 year ago

4.19.2

1 year ago

4.19.3

1 year ago

4.19.4

1 year ago

4.19.5

1 year ago

4.12.4

1 year ago

4.12.2

1 year ago

3.40.33

1 year ago

3.40.32

1 year ago

4.11.1

1 year ago

4.11.2

1 year ago

4.10.1

1 year ago

3.40.30

1 year ago

4.9.1

1 year ago

4.9.0

1 year ago

3.40.28

1 year ago

4.8.6

1 year ago

3.40.26

1 year ago

3.40.25

1 year ago

4.8.4

1 year ago

4.8.3

1 year ago

3.40.21

1 year ago

4.7.1

1 year ago

3.40.20

1 year ago

4.7.0

1 year ago

4.4.6

1 year ago

3.40.17

1 year ago

4.4.5

1 year ago

4.4.4

1 year ago

3.40.16

1 year ago

4.4.1

1 year ago

4.4.3

1 year ago

3.40.14

1 year ago

3.40.13

1 year ago

4.3.1

1 year ago

3.40.11

1 year ago

4.3.0

1 year ago

3.40.6

1 year ago

3.40.7

1 year ago

4.2.1

1 year ago

4.2.0

1 year ago

4.1.0

1 year ago

4.0.6

1 year ago

3.40.5

1 year ago

4.0.5

1 year ago

4.0.4

1 year ago

3.40.4

1 year ago

3.38.0

1 year ago

3.37.10

1 year ago

3.37.8

1 year ago

3.37.7

1 year ago

3.37.5

1 year ago

3.37.1

1 year ago

3.34.0

1 year ago

3.33.2

1 year ago

3.33.0

1 year ago

3.32.3

1 year ago

3.31.0

1 year ago

3.31.2

1 year ago

3.31.3

1 year ago

3.30.1

1 year ago

3.27.5

1 year ago

3.27.3

1 year ago

3.27.4

1 year ago

3.27.0

1 year ago

3.26.3

1 year ago

3.26.2

1 year ago

3.25.5

2 years ago

3.25.6

2 years ago

3.25.3

2 years ago

3.25.2

2 years ago

3.24.3

2 years ago

3.25.0

2 years ago

3.24.1

2 years ago

3.24.0

2 years ago

3.23.0

2 years ago

3.21.0

2 years ago

3.19.0

2 years ago

3.19.1

2 years ago

3.17.0

2 years ago

2.160.25

2 years ago

3.15.1

2 years ago

3.16.0

2 years ago

3.12.0

2 years ago

3.14.1

2 years ago

3.14.0

2 years ago

3.13.0

2 years ago

3.10.2

2 years ago

3.11.0

2 years ago

2.139.3

2 years ago

2.139.2

2 years ago

3.2.0

2 years ago

2.149.0

2 years ago

2.149.1

2 years ago

2.160.21

2 years ago

2.160.12

2 years ago

2.160.17

2 years ago

2.160.19

2 years ago

2.160.10

2 years ago

2.118.1

2 years ago

3.0.2

2 years ago

3.0.0

2 years ago

2.130.10

2 years ago

2.117.4

2 years ago

2.130.11

2 years ago

2.117.2

2 years ago

2.117.0

2 years ago

2.150.0

2 years ago

2.150.1

2 years ago

2.160.4

2 years ago

2.160.2

2 years ago

2.160.1

2 years ago

2.119.5

2 years ago

2.119.4

2 years ago

2.119.3

2 years ago

2.119.2

2 years ago

2.119.0

2 years ago

3.5.0

2 years ago

3.4.1

2 years ago

2.152.2

2 years ago

2.152.3

2 years ago

2.152.1

2 years ago

3.4.6

2 years ago

3.4.5

2 years ago

3.3.2

2 years ago

2.151.0

2 years ago

2.142.1

2 years ago

2.142.0

2 years ago

2.154.0

2 years ago

2.141.2

2 years ago

2.141.1

2 years ago

2.130.9

2 years ago

2.130.7

2 years ago

2.130.6

2 years ago

2.153.3

2 years ago

2.130.4

2 years ago

2.153.1

2 years ago

2.153.2

2 years ago

2.153.0

2 years ago

2.121.2

2 years ago

3.9.1

2 years ago

3.9.0

2 years ago

2.133.5

2 years ago

2.133.4

2 years ago

3.10.0

2 years ago

2.133.2

2 years ago

2.156.1

2 years ago

2.133.0

2 years ago

2.143.0

2 years ago

2.143.1

2 years ago

2.120.0

2 years ago

3.7.0

2 years ago

2.132.1

2 years ago

2.155.0

2 years ago

2.132.0

2 years ago

2.123.4

2 years ago

2.146.1

2 years ago

2.123.3

2 years ago

2.123.2

2 years ago

2.123.1

2 years ago

2.146.0

2 years ago

2.145.0

2 years ago

2.145.1

2 years ago

2.122.0

2 years ago

2.134.0

2 years ago

2.125.4

2 years ago

2.148.1

2 years ago

2.125.3

2 years ago

2.125.2

2 years ago

2.148.0

2 years ago

2.125.0

2 years ago

2.137.0

2 years ago

2.147.1

2 years ago

2.124.0

2 years ago

2.159.5

2 years ago

2.159.6

2 years ago

2.159.4

2 years ago

2.159.1

2 years ago

2.159.2

2 years ago

2.112.0

2 years ago

2.111.1

2 years ago

2.111.0

2 years ago

2.95.0

2 years ago

2.95.4

2 years ago

2.103.1

2 years ago

2.94.27

2 years ago

2.94.24

2 years ago

2.94.23

2 years ago

2.94.25

2 years ago

2.104.0

2 years ago

2.104.2

2 years ago

2.104.3

2 years ago

2.104.4

2 years ago

2.106.3

2 years ago

2.106.4

2 years ago

2.106.5

2 years ago

2.105.0

2 years ago

2.110.0

2 years ago

2.106.2

2 years ago

2.108.1

2 years ago

2.109.0

2 years ago

2.109.1

2 years ago

2.98.2

2 years ago

2.98.0

2 years ago

2.100.0

2 years ago

2.108.0

2 years ago

2.97.2

2 years ago

2.97.0

2 years ago

2.101.0

2 years ago

2.101.1

2 years ago

2.102.1

2 years ago

2.94.17

2 years ago

2.94.16

2 years ago

2.94.2

2 years ago

2.94.19

2 years ago

2.94.18

2 years ago

2.94.13

2 years ago

2.94.12

2 years ago

2.94.6

2 years ago

2.94.15

2 years ago

2.94.4

2 years ago

2.94.9

2 years ago

2.94.7

2 years ago

2.94.8

2 years ago

2.94.0

2 years ago

2.79.9

2 years ago

2.79.7

2 years ago

2.79.6

2 years ago

2.79.5

2 years ago

2.79.4

2 years ago

2.82.0

2 years ago

2.93.0

2 years ago

2.78.2

2 years ago

2.78.1

2 years ago

2.89.2

2 years ago

2.92.1

2 years ago

2.77.0

2 years ago

2.92.0

2 years ago

2.76.2

2 years ago

2.91.1

2 years ago

2.87.0

2 years ago

2.90.0

2 years ago

2.85.1

2 years ago

2.84.0

2 years ago

2.84.2

2 years ago

2.75.0

2 years ago

2.74.0

2 years ago

2.73.1

2 years ago

2.73.0

2 years ago

2.72.0

2 years ago

2.72.5

2 years ago

2.72.4

2 years ago

2.72.3

2 years ago

2.67.1

2 years ago

2.70.1

2 years ago

2.70.0

2 years ago

2.67.0

2 years ago

2.66.0

2 years ago

2.66.2

2 years ago

2.66.3

2 years ago

2.65.9

2 years ago

2.56.0

3 years ago

2.56.5

3 years ago

2.56.1

3 years ago

2.56.2

3 years ago

2.64.0

2 years ago

2.49.5

3 years ago

2.49.2

3 years ago

2.49.3

3 years ago

2.49.0

3 years ago

2.63.0

2 years ago

2.48.3

3 years ago

2.48.0

3 years ago

2.51.2

3 years ago

2.51.0

3 years ago

2.51.1

3 years ago

2.59.2

2 years ago

2.59.3

2 years ago

2.59.4

2 years ago

2.59.0

2 years ago

2.50.0

3 years ago

2.61.1

2 years ago

2.61.2

2 years ago

2.34.0

3 years ago

2.45.0

3 years ago

2.45.1

3 years ago

2.33.1

3 years ago

2.33.3

3 years ago

2.33.2

3 years ago

2.44.2

3 years ago

2.32.0

3 years ago

2.31.0

3 years ago

2.39.0

3 years ago

2.39.3

3 years ago

2.39.2

3 years ago

2.37.3

3 years ago

2.37.1

3 years ago

2.37.0

3 years ago

2.40.0

3 years ago

2.36.0

3 years ago

2.47.3

3 years ago

2.47.0

3 years ago

2.47.2

3 years ago

2.47.1

3 years ago

2.35.0

3 years ago

2.22.0

3 years ago

2.21.0

3 years ago

2.21.1

3 years ago

2.29.0

3 years ago

2.20.0

3 years ago

2.20.1

3 years ago

2.28.0

3 years ago

2.27.0

3 years ago

2.26.2

3 years ago

2.26.0

3 years ago

2.25.1

3 years ago

2.24.1

3 years ago

2.24.0

3 years ago

2.24.3

3 years ago

2.11.0

3 years ago

2.4.0

3 years ago

2.3.0

3 years ago

2.10.2

3 years ago

2.2.3

3 years ago

2.2.2

3 years ago

2.0.2

3 years ago

2.0.7

3 years ago

2.0.0

3 years ago

2.7.0

3 years ago

2.7.1

3 years ago

1.110.2

3 years ago

1.110.0

3 years ago

2.6.2

3 years ago

1.109.0

3 years ago

2.5.0

3 years ago

1.108.1

3 years ago

1.94.5

3 years ago

1.94.2

3 years ago

1.94.1

3 years ago

1.94.0

3 years ago

1.103.0

3 years ago

1.102.1

3 years ago

1.96.0

3 years ago

1.105.3

3 years ago

1.105.2

3 years ago

1.95.2

3 years ago

1.95.1

3 years ago

1.95.0

3 years ago

1.104.2

3 years ago

1.105.6

3 years ago

1.98.0

3 years ago

1.99.1

3 years ago

1.97.0

3 years ago

1.106.0

3 years ago

1.101.8

3 years ago

1.101.6

3 years ago

1.101.3

3 years ago

1.101.4

3 years ago

1.101.2

3 years ago

1.101.9

3 years ago

1.90.6

3 years ago

1.90.4

3 years ago

1.90.2

3 years ago

1.90.1

3 years ago

1.93.1

3 years ago

1.92.3

3 years ago

1.92.2

3 years ago

1.92.0

3 years ago

1.84.0

3 years ago

1.84.2

3 years ago

1.89.1

3 years ago

1.91.1

3 years ago

1.91.0

3 years ago

1.85.0

3 years ago

1.82.1

3 years ago

1.82.2

3 years ago

1.82.3

3 years ago

1.79.0

3 years ago

1.76.2

3 years ago

1.78.0

3 years ago

1.78.1

3 years ago

1.78.2

3 years ago

1.78.3

3 years ago

1.81.0

3 years ago

1.77.0

3 years ago

1.74.0

3 years ago

1.75.0

3 years ago

1.75.1

3 years ago

1.72.1

3 years ago

1.72.2

3 years ago

1.76.0

3 years ago

1.76.1

3 years ago

1.73.0

3 years ago

1.56.0

3 years ago

1.63.1

3 years ago

1.67.0

3 years ago

1.48.3

4 years ago

1.70.0

3 years ago

1.70.2

3 years ago

1.51.0

3 years ago

1.55.0

3 years ago

1.53.4

3 years ago

1.53.6

3 years ago

1.57.1

3 years ago

1.53.5

3 years ago

1.60.2

3 years ago

1.60.1

3 years ago

1.64.0

3 years ago

1.68.0

3 years ago

1.68.1

3 years ago

1.49.1

3 years ago

1.49.0

4 years ago

1.71.0

3 years ago

1.71.1

3 years ago

1.52.0

3 years ago

1.58.1

3 years ago

1.58.0

3 years ago

1.61.0

3 years ago

1.65.0

3 years ago

1.65.1

3 years ago

1.53.2

3 years ago

1.53.1

3 years ago

1.55.2

3 years ago

1.55.1

3 years ago

1.59.0

3 years ago

1.55.4

3 years ago

1.55.3

3 years ago

1.55.5

3 years ago

1.62.0

3 years ago

1.62.1

3 years ago

1.66.0

3 years ago

1.66.1

3 years ago

1.50.1

3 years ago

1.50.0

3 years ago

1.50.3

3 years ago

1.50.2

3 years ago

1.54.0

3 years ago

1.50.4

3 years ago

1.37.1

4 years ago

1.44.4

4 years ago

1.48.2

4 years ago

1.48.1

4 years ago

1.44.5

4 years ago

1.29.1

4 years ago

1.29.4

4 years ago

1.29.2

4 years ago

1.29.3

4 years ago

1.32.1

4 years ago

1.34.0

4 years ago

1.38.0

4 years ago

1.41.0

4 years ago

1.41.2

4 years ago

1.45.0

4 years ago

1.26.1

4 years ago

1.46.11

4 years ago

1.46.10

4 years ago

1.35.1

4 years ago

1.39.1

4 years ago

1.35.6

4 years ago

1.39.0

4 years ago

1.35.4

4 years ago

1.35.8

4 years ago

1.46.6

4 years ago

1.35.10

4 years ago

1.27.0

4 years ago

1.46.5

4 years ago

1.46.8

4 years ago

1.46.7

4 years ago

1.46.9

4 years ago

1.30.2

4 years ago

1.30.0

4 years ago

1.30.1

4 years ago

1.36.0

4 years ago

1.47.0

4 years ago

1.28.2

4 years ago

1.28.0

4 years ago

1.28.4

4 years ago

1.31.1

4 years ago

1.31.0

4 years ago

1.25.4

4 years ago

1.25.0

4 years ago

1.25.1

4 years ago

1.23.0

4 years ago

1.22.2

4 years ago

1.14.1

4 years ago

1.14.0

4 years ago

1.10.3

4 years ago

1.12.0

4 years ago

1.10.2

4 years ago

1.11.0

4 years ago

1.15.0

4 years ago

1.13.1

4 years ago

1.13.0

4 years ago

1.11.1

4 years ago

1.15.2

4 years ago

1.15.1

4 years ago

1.9.11

4 years ago

1.10.0

4 years ago

1.9.10

4 years ago

1.9.9

4 years ago

1.9.8

4 years ago

1.9.7

4 years ago

1.9.6

4 years ago

1.9.1

4 years ago

1.9.5

4 years ago

1.9.4

4 years ago

1.9.3

4 years ago

1.9.2

4 years ago

1.9.0

4 years ago

1.8.8

4 years ago

1.8.7

4 years ago

1.8.6

4 years ago

1.8.5

4 years ago

1.8.4

4 years ago

1.8.2

4 years ago

1.8.1

4 years ago

1.8.0

4 years ago

1.7.8

4 years ago

1.7.7

4 years ago

1.8.3

4 years ago

1.7.3

4 years ago

1.7.6

4 years ago

1.7.5

4 years ago

1.7.4

4 years ago

1.7.1

4 years ago

1.7.0

4 years ago

1.6.0

4 years ago

1.5.0

4 years ago

1.4.0

4 years ago

1.2.4

4 years ago

1.2.3

4 years ago

1.3.0

4 years ago

1.2.0

4 years ago

1.2.2

4 years ago

1.2.1

4 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.10

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.0

4 years ago