jQuery开发的简单过渡问题

我开发一个非常简单的单页网站浏览：http://dispose.co/dormstory/pod.html jQuery开发的简单过渡问题

正如你可以看到我已经得到了内容绝对定位，当你点击一个链接前者内容淡出和新内容淡入，唯一的问题是，包含div的大小留在网页上，所以当你过渡从船员到拖车例如页面会保持1000 + PX长，因为船员页面那么长...

什么是解决此问题的简单方法？我认为这应该与设置一些高度的汽车，但一点也没有帮助。

也许我需要重新加载页面之间的fadeIn和fadeout？

感谢您的帮助！

2013-05-15 Waldo Frank

在这里，在堆栈溢出，代码通常优于链接到一个网站，因为一旦链接发生了变化，问题将不再具有历史价值。访问[这里]（http://stackoverflow.com/editing-help）寻求格式化代码到你的问题的帮助。使用[jsFiddle]（http://jsfiddle.net）来帮助说明您的观点也许会有帮助。 –

是否有您使用table td为了你们的布局，而不是浮动div有原因的？

我相信它，因为table和其原生的风格，所以我建议你尝试的youre布局更改为以下：

<div> 
    <div id="gutter"> 
     <!-- Content here --> 
    </div> 
    <div id="middle"> 
     <!-- Content here --> 
    </div> 
    <div id="indiegogo"> 
     <!-- Content here --> 
    </div> 
</div>

来源

2013-05-15 21:51:44 JAM

感谢你们两位回答我的问题。虽然两个答案都是有效的，但我发现这是一个更清晰的解决方案 –

很高兴能帮到，@WaldoFrank – JAM

作为一种简单的方法，您可以尝试强制单击其中一个链接时的高度。

一种方法是把高度的数据属性：

<a href="#" data-main-height="750px">trailer</a>

然后在点击，抢值：

var the_height = $(this).data("main-height");

然后通过jQuery设置：

$("#contentarea").css("height", the_height);

如果您的页面使用插件，那么在转换之前最有可能使用回调。

我建议尝试打开后退按钮功能。

-p

来源

2013-05-15 21:39:39 picus

jQuery开发的简单过渡问题

回答

相关问题