locomotive-boilerplate/_assets/scripts/utils/transform.js

/**
 * Get translate function
 * @param {HTMLElement}     $el     - DOM Element
 * @return {number|object}  translate value
 */

const getTranslate = $el => {

    if(!window.getComputedStyle) {
        return
    }

    let translate
    const style = getComputedStyle($el)
    const transform = style.msTransform || style.webkitTransform || style.MozTransform || style.OTransform || style.transform

    const matrix3D = transform.match(/^matrix3d\((.+)\)$/)
    if(matrix3D) {
        translate = parseFloat(matrix3D[1].split(', ')[13])
    } else {
        const matrix = transform.match(/^matrix\((.+)\)$/)
        translate = {
            x: matrix ? parseFloat(matrix[1].split(', ')[4]) : 0
            y: matrix ? parseFloat(matrix[1].split(', ')[5]) : 0
        }
    }

    return translate
}


export {
    transform,
    getTranslate
}