jquery - 如何向上移动jquery移动面板

Question

我正在开发一个移动响应页面。其中有多个图标的主页，点击每个图标将显示一个结果编号示例：如果用户点击底部容器中的 Apple 图像，将显示苹果类别结果的编号。即共有 12 个苹果类别。当用户点击搜索结果按钮时，整个页面应该“向上移动”以显示所有 12 个苹果列表。

一般jquery面板向左或向右滑动。我在点击按钮或链接面板时看到的类似效果应该像面板右侧或左侧一样向上移动。

如果有任何类似或现有的解决方案，请帮助我

在此先感谢并原谅我的便便英语

谢谢

Answer 1

如果你将你的 div 定位为绝对的，你应该试试这个：

$('#pageToMoveUp').animate({top:'-100%'},500); //or any other given values

别的：

$('#pageToMoveUp').animate({margin-top:'-100%'},500); //or any other given values

查看我的网站以查看示例。