显示/隐藏 - jQuery问题

Question

我在构建this网站时遇到了很多问题，特别是使用Internet Explorer。

当联系人被点击时，它会弄乱动画，然后再次点击取消时。

我也使用Spark JS，但这似乎也起到了作用（只在IE中）。

星火测试在这里： Spark 2 Spark 3

Answer 1

我觉得你有一个CSS问题，特别是如果同时采用两种不同的JavaScript库中存在的问题。隐藏div而不使用任何动画并获取css定位集，然后添加动画。

此外，如果一次加载每个页面的所有内容，没有理由使用jQuery live()。

编辑：嗯，看多一点后，它可能是positionFooter()函数有问题。尝试将position: relative添加到您的容器中，然后将position: absolute添加到页脚，并使用bottom:0对其进行定位，而不是不断计算新的top。这样它就连接到容器块上，不需要首先使用positionFooter()函数。

---

编辑：好的，在页面顶部，<style>段内补充一点：

.container { position: relative; } 
#footer { position: absolute; bottom: -100px; clear: both; } 

然后禁用positionFooter()功能。