小编tho*_*m_p的帖子

我一直在寻找一种方法来实现这一目标,但似乎无法找到答案.我想创建一个单页网站,将被由一系列面板,视窗的各个尺寸(无论是在高度和宽度),并用不同的背景颜色的.

因此,当我进入页面时,我的视口充满了面板1,然后我可以向下滚动到面板2,它也将完全填充视口.

这是一个快速测试页面来说明我的意思:http://dev.manifold.ws/test/ 但是,显然,我想要的是每个面板的高度为视口的100%(不是固定高度).

这是一个更成功的网站:http://www.deuxhuithuit.com

我觉得必须有一个相当简单的方法来实现这一点,但我似乎无法找到它.

任何帮助将不胜感激.我需要一些jQuery吗？我应该依赖插件吗？或者有没有办法用CSS做到这一点？

谢谢,

-Thom

我发现这个jQuery代码允许将水平和垂直都没有固定尺寸的div居中.它适用于窗口高度和宽度.因此,当我调整窗口大小时,div仍然在窗口中居中.

我的问题是,现在,除非我先调整窗口大小,否则它不起作用.因此,如果我只是加载页面,除非我手动调整窗口大小,否则div不会居中.

当然,这并不理想.所以我试图找到解决方法.但是我的jQuery技能非常有限,我现在卡住了.

这是我正在处理的页面:http://dev.manifold.ws/test2/(尝试调整窗口大小以查看我所描述的内容)

这是我正在使用的jQuery:

$(document).ready(function(){

$(window).resize(function(){

    $('.img-holder').css({
        position:'absolute',
        left: ($(window).width() - $('.img-holder').outerWidth())/2,
        top: ($(window).height() - $('.img-holder').outerHeight())/2
    });

});
// This is suppose to initially run the function but it doesn't seem to work
$(window).resize();

});

有没有人知道如何解决这个问题？谢谢!

-Thom

我正在给我朋友的投资组合网站(使用wordpress)进行最后的触摸,但我遇到了一个简单的JQuery页面过渡淡入效果的问题.

这是该网站的链接:( 警告:NSFW) http://www.alexdebrabant.com/front/

在"PROJECTS"部分中,我使用Jquery循环创建一个幻灯片,其中包含帖子中的所有图片.它工作得很好.但在"PORTRAITS"部分,情况有点不同,因为每个帖子只有一张图片.因此,PREV NEXT按钮将访问者带到新帖子,因此每次都必须加载新页面.我的想法是尝试使用某种淡入淡出过渡模仿"PROJECTS"部分的幻灯片.目前,我只有一个非常基本的淡入淡出效果.我的问题是,除非图像被缓存,否则fadeIn效果会在图像加载完成之前过快触发.

我是JQuery的新手,我怀疑必须有一个简单的解决方案,但我似乎无法找到它.

此外,如果你们中任何人知道Jquery效果可以更好地模仿/复制"PROJECTS"部分的幻灯片,那也很棒.可能是页面交叉淡入淡出效果(如果存在)或淡出/淡出可能.

任何帮助将不胜感激.

这是代码:

<!-- contentload -->
<script type="text/javascript">
$(document).ready(function(){

    $('#content').fadeIn(500);

});
</script>
<!-- contentload -->

<style>
#content {display: none;}
</style>

干杯!

托姆