前端 - 问个js动画，使用gsap，图片固定不动，小窗口从下到上运动，只显示小窗口里面的内容？
小窗口还是个右侧倾斜的T型、
共有1个答案
提供个思路，遮罩动画的话就是给小的加 overflow: hidden ，通过更改大的定位实现位移
<style>.shadow-div { position: relative; width: 200px; height: 200px; overflow: hidden; /* 设置溢出隐藏实现遮罩 */}.content-div { position: absolute; width: 400px; height: 400px;}.content-div>img { width: 100%; height: 100%;}</style><div class="shadow-div"> <div class="content-div"> <img src="xxx" alt=""> </div></div>这样只需要更改 content-div 的定位就能实现动画，从下到上运动就是 top 减少
题主使用 gsap 的话，也是一样的
const contentBox = document.querySelector(".content-div");gsap.to(contentBox, { duration: 2, y: -200, // 垂直位移，负数就是从下到上了});-
我有一个带有“搜索栏”(EditText)和列表视图的RelativeLayout: 在用户“搜索”之后，我希望 EditText 以动画形式离开屏幕，并将 ListView 推送到顶部。我整理了一个非常粗糙的GIF，我需要什么： 有人知道我如何做到这一点吗？谢谢 更新 我发现了如何使EditText动画从屏幕上显示： slide_out_top.xml 然后在EditText上使用它，如下所示：
-
我尝试使用OpenGL绘制贝塞尔曲面。我的程序读取一个输入文件，其中包含用于绘图的采样点数量、用于表面着色的控制点和调色板。它必须输出一个带有曲面图的新窗口，我可以在其中操纵曲面和控制点的属性。 从Bernstein多项式生成的点被三角化，并通过从三角形的最小和最大高度映射它来按调色板分配颜色。 不幸的是，它打开了一个窗口，其中当前窗口的一部分在操作系统中打开，而没有为surface创建新界面。
-
每次我启动Android模拟器在Android Studio模拟器需要整个监视器。我可以以某种方式要求Android Studio规模模拟器窗口50%？ 如何做到这一点？
-
我想用回溯模拟n皇后问题。我每次调用这个drawboard（）函数时都使用一个列表作为参数，如下所示 所以每次它都显示在单独的窗口中。下一个窗口只有在遮盖第一个窗口后才显示，以此类推... 我如何在一个窗口中制作这些东西，或者如何在特定的时间间隔后自动关闭这些窗口，以便这些窗口一个接一个地显示 我绘制棋盘的函数如下
-
我正在使用Linux并试图学习OpenGL。我参考了learnopengl.com网站，并在这里编译了第一个可用的程序。 我似乎在编译程序时没有遇到命令问题 但是当我运行程序时，它会从后面显示东西，而不是像这样的空白窗口 但是请注意，此窗口不透明，因为如果我移动窗口，背景是相同的。但是，如果我最小化并重新打开窗口，则背景是新创建的。专用和集成 GPU 都会发生这种情况。 我需要做什么才能使它正常工
-
问题内容： 我正在Mac OS X上使用python和matplotlib。当我在许多不同的窗口上工作时，必须运行生成绘图的脚本，绘图窗口始终在活动窗口后面打开，并且非常沮丧，不得不在两个窗口之间切换以查看图像。为什么要确定绘图窗口的位置和/或将其弹出为前景窗口？ 谢谢 问题答案： 完全相同的问题困扰着我。我终于找到了解决方案（在pylab模式下，带有qt4agg后端）： 要么 问候，马库斯