Skip to content

<transition> 在 UIWebView和WKWebView 中没有起作用 #8659

Open
@ZiQiangWang

Description

@ZiQiangWang

Version

2.5.17

Reproduction link

https://jsfiddle.net/50wL7mdz/608590/

Steps to reproduce

这段代码在浏览器和安卓中都可以正常运行,但是在UIWebView和WKWebView中不可以

What is expected?

toast 能够从底部动态滑出

What is actually happening?

0.3s后,直接显示

Activity

changed the title [-]<transition> 在 UIWebView 中没有用[/-] [+]<transition> 在 UIWebView和WKWebView 中没有起作用[/+] on Aug 15, 2018
haoqunjiang

haoqunjiang commented on Aug 16, 2018

@haoqunjiang
Member

Can't reproduce with iOS 11 & the WebView app

ZiQiangWang

ZiQiangWang commented on Aug 22, 2018

@ZiQiangWang
Author

在UIWebView可能是因为300ms延时导致

ZiQiangWang

ZiQiangWang commented on Oct 27, 2018

@ZiQiangWang
Author

进一步使用中发现,当webview打开一段时间以后,多次操作,transition动画表现越来越差,经常动画不连贯,最后动画效果完全没有。
不知道是否和性能有关。
有一个特点是,如果我把动画时间延长,比如10s,transition仍有效果,只是在动画快结束时,突然跳过中间动画过程,直接结束

haoqunjiang

haoqunjiang commented on Oct 30, 2018

@haoqunjiang
Member

上述代码仍然无法复现你说的效果,请提供正确的复现代码。

ZiQiangWang

ZiQiangWang commented on Oct 30, 2018

@ZiQiangWang
Author

10 -30-2018 15-14-38
这个是transition-duration为3s
10 -30-2018 15-26-25
这个是transition-duration为0.3s
请问你是怎么重现的,能否用类似teamview的工具给你看下

Justineo

Justineo commented on Oct 30, 2018

@Justineo
Member

@ZiQiangWang

你发的动图和你 issue 里的 JSFiddle 对应不了啊。

ZiQiangWang

ZiQiangWang commented on Oct 30, 2018

@ZiQiangWang
Author

10 -30-2018 15-48-18
10 -30-2018 15-48-53
我用codepen重新做了下,地址:https://codepen.io/ziqiangwang/pen/jeoVWG

ZiQiangWang

ZiQiangWang commented on Oct 30, 2018

@ZiQiangWang
Author

ios那边使用NSURLProtocol导致了当前问题,但是具体什么原因还不了解 @sodatea @Justineo

Cuikeyi

Cuikeyi commented on Feb 5, 2020

@Cuikeyi

我们也出现这个问题,我们出现问题的原因是因为客户端做了截屏操作,截屏操作之后,这个动画就会到结尾的时候,一下子就结束了,
// 存在问题的截屏方式
[DMAPPDELEGATE.window drawViewHierarchyInRect:DMAPPDELEGATE.window.frame afterScreenUpdates:YES];
// 修改后的截屏方式
[DMAPPDELEGATE.window.layer renderInContext:UIGraphicsGetCurrentContext()];

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @Justineo@haoqunjiang@ZiQiangWang@Cuikeyi

        Issue actions

          <transition> 在 UIWebView和WKWebView 中没有起作用 · Issue #8659 · vuejs/vue