如何移动jquery移动面板

时间:2014-06-16 09:44:27

标签: jquery jquery-mobile mobile jquery-plugins responsive-slides

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

通常jquery面板向左或向右滑动。类似的效果我正在点击一个按钮或链接面板应向上或向左移动向上。

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

先谢谢,请原谅我的poos英语

谢谢

1 个答案:

答案 0 :(得分:0)

如果您将div定位为绝对值,则应尝试此操作:

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

否则:

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

查看my website以查看示例。