scrollreveal.js中文api


 //     屬性:(默認)
            delay: 0,                                // 延時時間
            distance: '0px',                            // 執行距離
            duration: 600,                            // 執行時長
            easing: 'cubic-bezier(0.5, 0, 0, 1)',     // 執行速度
            interval: 0,                                // 執行間隔(時間)
            opacity: 0,                                // 執行方式(透明度)
            origin: 'bottom',                        // 執行方式(偏移 top:自上而下,bottom:自下而上,left:自左往右,right:自右往左.)
            rotate: {                                // 執行方式(旋轉)
                x: 0,                                // x
                y: 0,                                // y
                z: 0,                                // z
            },
            scale: 1,                                // 執行方式(縮放)
            cleanup: false,                            // 暫時不知道是什么東西
            container: document.documentElement,        // 執行容器(后跟元素,填寫后只有容器內的元素執行動畫)
            desktop: true,                            // 是否在電腦上面執行
            mobile: true,                            // 是否在手機上面執行
            reset: false,                            // 是否重復執行()
            useDelay: 'always',                        // 延時執行方式(always(一直延時執行),once(只延時執行一次),onload(只在加載時延時執行))
            viewFactor: 0.0,                            // 視圖顯示元素百分之多少的時候執行動畫(單位:小數,例:0.50 在元素展示超過百分之五十的時候,執行動畫)
            viewOffset: {                            // 視圖偏移(把視圖抽象成元素移動)
                top: 0,
                right: 0,
                bottom: 0,
                left: 0,
            },
            afterReset: function (el) {},            // 重置之后(視圖內看不到元素之后,退場動畫執行結束之后)
            afterReveal: function (el) {},            // 執行之后(動畫已經執行完畢(已完成))
            beforeReset: function (el) {},            // 重置之前(視圖內看不到元素之后,退場動畫執行結束之前)
            beforeReveal: function (el) {},            // 執行之前(動畫開始執行(未完成時)) //     屬性:(默認)

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM