css的变量使用和修改值

//dom部分
    <div id="jrhdfx" class="page_style1" ref="UI">
</div>


//js部分
                this.$refs.UI.style.setProperty("--yvalue",this.scrollval+'px');
                this.$refs.UI.style.setProperty("--yvalue2",this.scrollval+'px');

//css部分
    --yvalue:0px;
        --yvalue2:0px;
        @keyframes slide {  from {top: var(--yvalue;)}  to {top: var(--yvalue2);}}