2424< body style ="overflow-x:hidden; ">
2525< div class ="container mt-4 ">
2626
27- < h2 class ="mb-3 "> SCROLL EFFECT MODULE v0.6.0 </ h2 >
27+ < h2 class ="mb-3 "> SCROLL EFFECT MODULE v0.7.2 </ h2 >
2828
2929 < p > Add effect at scroll.</ p >
3030
3131 < span class ="p-sns "> < a class ="github-button " href ="https://github.com/yama-dev " data-show-count ="true " aria-label ="Follow @yama-dev on GitHub "> Follow @yama-dev</ a > </ span >
3232 < span class ="p-sns "> < a class ="github-button " href ="https://github.com/yama-dev/js-scroll-effect-module/archive/master.zip " data-icon ="octicon-cloud-download " aria-label ="Download yama-dev/js-scroll-effect-module on GitHub "> Download</ a > </ span >
3333 < span class ="p-sns "> < a class ="github-button " href ="https://github.com/yama-dev/js-scroll-effect-module " data-icon ="octicon-star " data-show-count ="true " aria-label ="Star yama-dev/js-scroll-effect-module on GitHub "> Star</ a > </ span >
3434 < span class ="p-sns "> < a class ="github-button " href ="https://github.com/yama-dev/js-scroll-effect-module/fork " data-icon ="octicon-repo-forked " data-show-count ="true " aria-label ="Fork yama-dev/js-scroll-effect-module on GitHub "> Fork</ a > </ span >
35- < span class ="p-sns "> < a href ="https://twitter.com/share?ref_src=twsrc%5Etfw " class ="twitter-share-button " data-text ="SCROLL EFFECT MODULE v0.6.0 Add effect at scroll. " data-show-count ="false "> Tweet</ a > </ span >
35+ < span class ="p-sns "> < a href ="https://twitter.com/share?ref_src=twsrc%5Etfw " class ="twitter-share-button " data-text ="SCROLL EFFECT MODULE v0.7.2 Add effect at scroll. " data-show-count ="false "> Tweet</ a > </ span >
3636 < style > .p-sns > span { display : inline-block; }</ style >
3737
3838 < hr class ="mt-4 mb-4 ">
@@ -64,26 +64,26 @@ <h3>Advanced Use</h3>
6464 elem : '.js-scroll',
6565 firstElem : '.js-scroll--first',
6666
67- displayRatio : 0.8, // 判定する比率を指定(ウィンドウ高さを1として指定)
68- displayReverse : true, // スクロールを戻した時にクラスを削除するかどうか
67+ displayRatio : 0.8,
68+ displayReverse : true,
6969
70- firstDelay : 0, // 初回動作までの遅延時間(ms)
71- firstDelaySteps : 100, // 初回出現要素を指定した場合のステップ遅延時間(ms)
70+ firstDelay : 0,
71+ firstDelaySteps : 100,
7272
73- addClassNameActive : 'is-active', // null を設定するとクラスが付与されなくなる。
73+ addClassNameActive : 'is-active',
7474
7575 on: {
7676 Scroll: function(top){
7777 console.log('Scroll', top);
7878 },
79- Change: function(item, pos){
80- console.log('Change', item, pos);
79+ Change: function(item, pos, obj, top ){
80+ console.log('Change', item, pos, obj, top );
8181 },
82- In: function(item, pos){
83- console.log('In', item, pos);
82+ In: function(item, pos, obj, top ){
83+ console.log('In', item, pos, obj, top );
8484 },
85- Out: function(item, pos){
86- console.log('Out', item, pos);
85+ Out: function(item, pos, obj, top ){
86+ console.log('Out', item, pos, obj, top );
8787 }
8888 }
8989 });
@@ -108,15 +108,15 @@ <h3>Advanced Use</h3>
108108 console . log ( 'Scroll' , top ) ;
109109 document . querySelector ( '.dev .t1' ) . innerHTML = top ;
110110 } ,
111- Change : function ( item , pos ) {
112- console . log ( 'Change' , item , pos ) ;
111+ Change : function ( item , pos , obj , top ) {
112+ console . log ( 'Change' , item , pos , obj , top ) ;
113113 document . querySelector ( '.dev .t2' ) . innerHTML = pos ;
114114 } ,
115- In : function ( item , pos ) {
116- console . log ( 'In' , item , pos ) ;
115+ In : function ( item , pos , obj , top ) {
116+ console . log ( 'In' , item , pos , obj , top ) ;
117117 } ,
118- Out : function ( item , pos ) {
119- console . log ( 'Out' , item , pos ) ;
118+ Out : function ( item , pos , obj , top ) {
119+ console . log ( 'Out' , item , pos , obj , top ) ;
120120 }
121121 }
122122 } ) ;
0 commit comments