【问题标题】:css transform translate top rightcss 转换翻译右上角
【发布时间】:2016-12-05 21:19:09
【问题描述】:

使用transform translate时,如何将某些内容移动到窗口的最右上角?

我可以使用像素值很好地移动东西,但我不知道页面右上角的值是什么。

transform: translate(10000px, -5000px);-

是我现在用的吗

【问题讨论】:

  • 为什么要为此使用转换?
  • 我们需要看看这部分的代码,你会用到

标签: css transform


【解决方案1】:

可以使用 CSS 固定位置。

position: fixed;
top: 0;
right: 0;

【讨论】:

  • 我想从一个位置动画到右上角
  • 你能通过 Codepen/JsFiddle 创建一个演示吗?
【解决方案2】:

我建议使用position:absolute 来定位您的 div,relative to body

然后使用适合的position top:0, right:0, left: 100%

这里是 jsfiddle:http://jsfiddle.net/nKtC6/1482/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-01-09
    • 2015-12-21
    • 2017-02-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-16
    相关资源
    最近更新 更多