@kaito_kuroba/my-fullpage v1.0.3
��# m y - f u l l P a g e
�(u�Nv u e 3 �vhQO\�n�R�~�N
# D e m o
�g wo:y ( h t t p : / / f u l l p a g e . n p m . z p e n . t o p / )
# G e t t i n g S t a r t e d
s h e l l
n p m i n s t a l l - - s a v e @ k a i t o _ k u r o b a / m y - f u l l p a g e
# U s i n g m y - f u l l P a g e
# # t s
t s
i m p o r t M y F u l l P a g e f r o m ' @ k a i t o _ k u r o b a / m y - f u l l p a g e ' / / _eQ�~�N
c o n s t a l l P a g e = r e f ( H T M L H T M L D i v E l e m e n t ) / / ���Su�b�d o m
c o n s t f u l l P a g e = n e w M y F u l l P a g e ( ) / / R�^�[�O
/ / (W�~�N�R}��[bT R�YS
o n M o u n t e d ( ( ) = > {
/ * * *
* a l l P a g e = > >f:yu�b�d o m
* /
f u l l P a g e . i n i t ( a l l P a g e : H T M L D i v E l e m e n t ) / / R�YS
} )
/ / ꁚ[IN�nn��N�N
d o c u m e n t . o n w h e e l = h a n d l e S c r o l l
d o c u m e n t . a d d E v e n t L i s t e n e r ( ' w h e e l ' , h a n d l e S c r o l l )
f u n c t i o n h a n d l e S c r o l l ( e : a n y ) {
i f ( e . w h e e l D e l t a ) {
i f ( e . w h e e l D e l t a < 0 )
f u l l P a g e . n e x t ( )
e l s e
f u l l P a g e . p r e v ( )
}
e l s e {
i f ( e . d e t a i l > 0 )
f u l l P a g e . n e x t ( )
e l s e
f u l l P a g e . p r e v ( )
}
}
h t m l
< d i v c l a s s = " v i e w " >
< d i v r e f = " a l l P a g e " c l a s s = " v i e w - p a g e " >
< d i v c l a s s = " i t e m " >
< / d i v >
< d i v c l a s s = " i t e m " >
< / d i v >
< d i v c l a s s = " i t e m " >
< / d i v >
< d i v c l a s s = " i t e m " >
< / d i v >
< / d i v >
< / d i v >
c s s
. v i e w {
p o s i t i o n : r e l a t i v e ;
h e i g h t : 1 0 0 v h ;
o v e r f l o w : h i d d e n ;
}
. v i e w - p a g e {
p o s i t i o n : a b s o l u t e ;
t o p : 0 % ;
h e i g h t : 1 0 0 % ;
w i d t h : 1 0 0 % ;
t r a n s i t i o n : a l l e a s e - i n - o u t 1 . 4 s ;
}
. i t e m {
h e i g h t : 1 0 0 % ;
w i d t h : 1 0 0 % ;
}