美文网首页
css的变量使用和修改值

css的变量使用和修改值

作者: 前端金城武 | 来源:发表于2021-06-23 11:23 被阅读0次
//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);}}

相关文章

  • css的变量使用和修改值

  • Swift基本语法入门大全

    1.常量和变量 常量用let修饰,定义之后值不以修改,变量用var修饰,定义之后值可以修改。 2.可选项 使用Op...

  • Swift: 基础部分

    Swift中文文档 一、常量和变量 常量: 不可变的量, 使用 let 修饰 变量: 可以修改值的量, 使用 va...

  • C# 使用unsafe非托管代码测试

    C#使用托管平台,不允许操作变量地址,实际可以在获取变量的地址的,修改地址变量指向的值,也即修改了变量的值。 如下...

  • Shell学习--Shell变量

    Shell变量定义变量使用变量修改变量的值单引号和双引号的区别将命令的结果复制给变量只读变量删除变量变量类型 Sh...

  • CSS变量

    CSS变量是由CSS作者定义的实体,其中包含要在整个文档中重复使用的特定值。使用自定义的属性来设置变量名,并使用特...

  • CSS 变量

    CSS变量是由CSS作者定义的实体,其中包含要在整个文档中重复使用的特定值。使用自定义的属性来设置变量名,并使用特...

  • 2021-08-11 Vue 利用css的var() 和attr

    vue绑定style直接给css的var变量传递一个值,然后结合css的var()函数使用这个值。 在data里面...

  • 常量和变量

    常量和变量是关联着特定类型的值的名字,值无法被修改的叫做常量,在未来可以被修改的叫做变量。 声明 常量和变量在...

  • Shell编程、part2

    本节内容 1. shell变量简介 2. 定义变量 3. 使用变量 4. 修改变量的值 5. 单引号和双引号的区别...

网友评论

      本文标题:css的变量使用和修改值

      本文链接:https://www.haomeiwen.com/subject/mrqbyltx.html