的背景:

我试图用另一个HTML/CSS布局挑战解决StackOverflow问题-使用jQuery我自己使用粘性页脚的全高侧边栏.因为我的情况下边栏可能比主要内容长,所以它与评论8128008的情况相符.这使得侧边栏比主要内容更长,并且在缩小浏览器窗口时不会出现问题而不会出现问题.

现状:

我有一个带有a的html页面div,它会自动拉伸以填充屏幕.因此,如果元素下方有空白空间,我将其向下拉伸:

但是如果浏览器视口小于div它本身,则不会进行拉伸但滚动条会显示:

我已经将jQuery附加到窗口的resize事件来调整大小div,如果浏览器窗口不小,则在其他情况下删除任何大小调整.这是通过检查视口是高于还是小于document.如果视口小于document,则看起来内容大于浏览器窗口,为什么没有进行大小调整; 在另一种情况下,我们调整大小div以填充页面.

if ($(document).height() > $(window).height()) {
    // Scrolling needed, page content extends browser window
    // --> No need to resize the div
    // --> Custom height is removed
    // [...]
} else {
    // Window is larger than the page content
    // --> Div is resized using jQuery:
    $('#div').height($(window).height());
} …

可能重复:
javascript中逗号运算符的用途(x,x1,x2,...,xn)

在Javascript (5, 2)给出2,('a', 'b', 'c')给出'c'等等(只是在控制台中尝试).

我的问题是:

• 这个"功能"有原因吗？
• 在哪些情况下它可能有用吗？