jquery - 切片页面并显示 div（就像一起上下滑动）

Question

我正在尝试创建一种效果，就像页面被水平切片并打开一样。然后它将上面的内容向上推，下面的内容向下推。

所以它有点像 jquery slideup 50% 和 slidedown 50% ......但是我在任何地方都找不到 jquery 效果所以我想知道它是否可能？

或者我是否需要向下滑动，然后同时滚动到可能会产生类似效果。

另一个设计师设计了这个！！非常感谢所有帮助谢谢

Answer 1

您应该能够通过.slideDown()中心部分以及调整窗口滚动位置的第二个同步动画来实现此效果。

第二个动画可能是：

• .slideUp()文档顶部的一些牺牲部分，正好是中心部分高​​度的一半
• $('html,body').animate(滚动顶部, ....)

Answer 2

jQuery UI 的Clip效果可能正是您想要的。