Question

我正在使用anime.js在首页上提供动画。但是，我只希望当用户来自外部来源（而不是来自内部链接，例如我的网站的联系页面）时出现此动画。

我发现了这种方法：

    Column(
                children: <Widget>[
                  SizedBox(
                    height: 200.0,
                    child: Stack(
                      children: <Widget>[
                        Center(
                          child: Container(
                            width: 200,
                            height: 200,
                            child: new CircularProgressIndicator(
                              strokeWidth: 15,
                              value: 1.0,
                            ),
                          ),
                        ),
                        Center(child: Text("Test")),
                      ],
                    ),
                  ),
                ],
              )

但是，我觉得这只会对该用户运行动画一次（只要信息保持缓存状态）。

是否有一种方法可以使用户每次从外部来源进入我的主页（romanrogers.co）时都能播放动画。

谢谢

Answer 1

在SLaks的帮助下，我使用document.referrer和include方法解决了这个问题：

if(!(referrer.includes("websiteName"))){

  // execute animation
  
  }
else {

  // do not execute, make necessary style changes
  
  }

document.referrer返回一个字符串，其中包含加载当前文档的文档的URL。因此，如果使include方法的搜索值等于websiteName，则可以操纵从站点内部文档获得的内容。

如果来自内部链接，则停止执行动画

1 个答案: