没有jQuery / Javascript的窗口中有多个滚动窗格?

时间:2015-05-18 17:32:47

标签: javascript jquery html css user-interface

因此,我面临着将3列布局组合在一起的困境,该布局具有三个独立滚动的窗格。通过正确的HTML,CSS和jQuery的组合,我可以实现以下(小提琴链接打开到另一个窗口,jQuery在下面):

JSFiddle Link

$(document).ready(function() {
    doResize();
});

// for the window resize
$(window).resize(function() {
    doResize();
});

function doResize() {
    var bodyheight = $(document).height();
    $(".left").height(bodyheight);
    $(".right").height(bodyheight);
    $(".center").height(bodyheight);
}

问题是,这可以在不使用jQuery来获得确切结果的情况下完成吗?

1 个答案:

答案 0 :(得分:1)

为什么不在每个窗格中添加height: 100%;?这是没有JavaScript的相同示例

.left, .center, .right {
    height: 100%;
}

JSFiddle Link