@ftu 同意，这么设计就是让你不要去做这个操作。苹果的高管之前接受采访也说这么做并不会让 iPhone 变快或省电，没什么意义的操作。不信的话，你重启之后，会发现那些程序还在，这并不是说「还在后台运行」的意思，而是「最近打开的程序」。

接入 Mac，使用 QuickTime Player 录制 iOS 设备屏幕。

@azh7138m 直觉这些都加上，页面效率会变得很低吧，配置一般的电脑估计打开网页都转风扇了。我想 Apple 网页上那么多内容，应该是有更轻量的解决方案的。总之先感谢了！

@hl iOS 11 在 iPad Pro 上的表现之所以令人兴奋，在于 Apple 愿意花费时间去探寻适合于多点触摸大屏的交互方式，而不是直接把桌面变为触控。

@azh7138m Sorry，只注意到了第一篇。技术只是爱好，不是职业，还请多包涵和高明指教了。

@azh7138m 这个好像好似根据光标的位置来触发的？实际上例子中的是根据页面滑动来触发的（元素所在的页面高度百分比发生变化）。

@xieranmaya 这是规定了动画的方法，那如何实时触发动画呢？可以看到 translate 的 Y 值是作为 HTML 的 DOM 不断在改变的，也就是说很可能是通过 js 来改变这个值，且值和元素所处的页面高度百分比有直接关系。如果我设置了 animation，那动画是既定而无法交互的；如果设置 transition，那么要有触发方式，例如 hover 或改变 class，这里应该是页面滑动造成的高度百分比改变，去改变 translate 的 Y 值，在这个前提下，再考虑 beizer curve 的设置。

@learnshare 界面变化，只有英文版了，以前学的时候没注意过英文。以及，找不到输出 canvas js 的入口。没有类似 Sketch 那种为移动新技术设计的直观易懂的交互，用起来有点吃力。

@learnshare 试了一下，感觉软件的使用体验有待提升，哈哈哈

@momocraft 是指 AE 插件吗？

AirPlay 成功了。什么也没改动，估计当时抽风了吧……

@sobigfish 画中画的成功了。AirPlay 的失败了，没有菜单弹出。

全部 js 如下：

if (window.WebKitPlaybackTargetAvailabilityEvent) {
video.addEventListener('webkitplaybacktargetavailabilitychanged', function(event) {
switch (event.availability) {
case "available":
break;
case "not-available":
break;
}
AirPlayBtn.addEventListener("click", function() {
video.webkitShowPlaybackTargetPicker();
});
});
}

@ysc3839 谢谢，我有看过这个，但是 AirPlay 的失败了，没有菜单弹出。画中画的倒是成功了。
我有添加这个：
AirPlayBtn.addEventListener("click", function() {
video.webkitShowPlaybackTargetPicker();
});

@zxyawx 我以为是 perspective 属性。因为 macOS 网页即将更新了，所以去保存一份。发现第一个也是 canvas …… 那么 perspective 也可以做到吗？

@blackywkl 😂什么原理？ transform ？

@tvallday 哥，弱弱问一句，能解释得通俗易懂一些么。比如这个动画是怎样的原理。

@hjc4869 额，是的。差别这么大的话，可不可以认为是独显的锅……