1

我正在构建一个 wordpress 模板,并使用一点 Javascript 使“内容”元素从上到下填充页面。目标是覆盖背景图像,因此“内容”在大屏幕上看起来不会超出边缘。代码是:

$(document).ready(function() {
    var h = Math.max($(window).height()+50, $("#content").height());
    $("#content").height(h); 
});
$(window).resize(function() {
    var h = Math.max($(window).height()+50, $("#content").height());
    $("#content").height(h); 
});

我的布局是:左侧的固定侧边栏,然后是自动宽度的内容和两个浮动列。它通常有效,但是在我nivo-slider在一列中有 a 的页面上,文档高度确定不正确。当屏幕尺寸较小时,另一列位于下方(@media 声明),我无法滚动屏幕以查看该列。

请参阅此处的示例页面:http: //figtreephotodesign.com/kidsandfamilies/about/ - 并将浏览器窗口设置为低于 860 像素宽以查看问题。在另一页上:http: //figtreephotodesign.com/kidsandfamilies/contact/ - 它有效(没有 nivo-slider)。

是 nivo-slider 的 css 搞砸了吗?

4

0 回答 0