问

javascript - jquery中的animate不能操作transform？

 陶磊2922_502 发布于 2022-11-15 18:43
  • transform
  • html
  • char
  • utf-8
  • view
  • port

    • 我在一个网站上看见transform: translate(0%)是变化的,但是自己试不出来

    


    
    
    
    Document
    



    
    
    
        
    全球
    
        
    全球
    
        
    全球

    用css可以改变transform,但是用animate不能改变,什么原因?
    怎么解决?

    1 个回答

    • 截图是w3c中展示的animate的支持属性:

      ps: 今天突然想起来有一个这个问题, 回来一看问了题主看到的代码的实现网站, 确实回复了, 只不过没有@我, 所以建议以后要@别人才会有提示.

      简单看了一下对方的实现方式, 如图正在移动的过程中:

      首先开发是使用的reactjs, t可能是一个nav标签组件的一个state, 因为是动态变化的, 每次在生成一个调用方法的时候都动态生成一个t, 这个暂且不说, 因为和题目无关.
      即为每次移动都重新生成一个p, 由

      var r = t.x;

      来控制

      transform: "translate(" + 100 * r + "%)";

      所以该实现方式与jQuery的animate无关, 题主可以看一下这个实现方式.

      ps: react中可以轻松实现这个需求.

      2022-11-15 20:05 回答
    撰写答案
    今天，你开发时遇到什么问题呢？
    立即提问
    热门标签
    PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有