如何仅为y轴设置过渡？
有一个<div>必须在窗口调整大小时使用JavaScript（JS）移动，但它必须仅在Y轴上移动过渡，并在X轴上调整大小时立即调整大小。
设置为

---------------------------------------------
|                 Window                    |
--------------------------------------------
| .efnkerf  |                  .erifnrekf   |
--------------------------------------------
//CSS
div.erifnrekf {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
//JS (JQuery)
$(window).on('resize',function(e){
    w = $(window).innerWidth() - $(".efnkerf").outerWidth(true);
    $(".erifnrekf").css('max-width',w);
});

不会给予所需的结果，因为每个轴上都发生了过渡。