UNPKG

react-scroll-progress-read

Version:

Progress Bar for show position of scroll page

github.com/ipatate/react-scroll-progress-read

ipatate/react-scroll-progress-read

102 lines (99 loc) • 7.02 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
import React from "react" import ScrollProgressRead from "react-scroll-progress-read" const ContainerID = () => ( <> <div style={{ margin: 0, padding: 0, position: "fixed", left: 0, top: 0 }}> <ScrollProgressRead target="read-container" /> </div> <p id="read-container"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quod non faceret, si in voluptate summum bonum poneret. Illud quaero, quid ei, qui in voluptate summum bonum ponat, consentaneum sit dicere. Quod quidem iam fit etiam in Academia. Sit hoc ultimum bonorum, quod nunc a me defenditur; Duo Reges: constructio interrete. Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Primum quid tu dicis breve? </p> </> ) export default ContainerID