2

这有点难以解释，因为英语不是我的主要语言，所以我认为如果你先看看我正在开发的网站会更容易，然后我会解释我想要做什么。这是地址： http: //ngmat.site90.net/matsedel/（该站点加载速度很慢，因为托管服务已经实现了一个访问者计数服务，该服务需要很长时间才能加载（虽然并不真正影响站点本身）。

无论如何，我想做的是，当您按下底部的“相机”按钮时，我希望“backgroundCurtain”div 从底部栏的顶部向上滑动。就这么简单，但我不知道该怎么做。

我对 jQuery 很陌生，但到目前为止我读到的是你需要设置 "bottom:0;" 如果您希望 div 在您第一次单击它时向上滑动（使用 slideToggle）。所以我正在考虑制作一个不可见的 div，它覆盖除底部栏之外的整个网站（基本上是“底部：35px”），然后在 backgroundCurtain div 上设置“底部：0”。这应该使它在您第一次单击它时向上滑动，或者？

4

2 回答 2

1

去掉 cameraToggle 函数，将 backgroundCurtain 顶部 css 属性设置为与页面高度一样大，然后添加此代码..

$("#camera").on('click', function(){
    $("#backgroundCurtain").animate({top: 'toggle'}, 1000);
});
于 2012-04-22T19:09:42.950 回答
1

事实上，你不必用那个窗帘覆盖你网站的所有元素（如果我理解正确的话）。你需要的是有一个独立的元素，具有绝对位置并将底部属性的值保留为 35px。您可以在以下位置找到此类功能的示例：

http://atomicrobotdesign.com/blog/web-development/configure-jquerys-slidetoggle-to-slide-up-from-the-bottom/

观看演示；

http://atomicrobotdesign.com/blog_media/toggleslide_multiple.html

只需单击关于和内容链接

于 2012-04-22T19:18:14.330 回答