# 页面抖动调试过程

{% embed url="<https://v.douyin.com/rjQFEQ5/>" %}

{% embed url="<https://www.bilibili.com/video/BV1A541127HT/>" %}

（大家）看这页面切换的时候

这个按钮明显会抖一下

那还是老套路啊

我们先尝试把这个动画调慢一点

我们先来看一下代码

他用的是transition

然后呢

我也大概看了一下他写的这个 (过渡）样式

大概意思就是这样的

如果这是 a 页面的话

他想让 a 页面往下滑

同时呢变成透明消失掉

然后呢 b 页面这时候从下面往上滑

从透明变成不透明出来

之所以抖动一下我们就可以推断出来

他是这个 a 页面

往下滑这个偏移量设置上了

但是没有应用上动画

我们来看一下为什么

这个呢就是他设置的过渡

这个是新页面

（进来的那个过渡）

这个生效了

但这个没生效（旧页面离开的过渡动画）

后来找了半天仔细一看这块有个错别字

我们先把它改掉哈还没完大家看

虽然不抖了

但是呢还是有问题

有那么一小段的时间里

这两个页面是同时存在

的他看到了吗

所以呢

给人的感觉他还是会有抖动效果

那怎么解决呢

很简单我们就在这

下一个

mode 等于 out-in

意思就是

旧的页面先出去

然后新的页面再进来

如果不设置的话呢

他们俩就是同时发生的

我们再来看一下

没问题了

对吧我们再调慢一点

旧的走新的进来


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://sunzsh.gitbook.io/xiaoshan.bug/ye-mian-dou-dong-tiao-shi-guo-cheng.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
