Question

有没有办法在第一个折叠下面“推”一个div，这样除非用户向下滚动，否则它永远不会显示在页面加载上？我知道有一种叫做Jquery视口的东西，但不知道如何使用它。我不希望DIV被CSS“隐藏”。

Answer 1

您不需要任何JavaScript！好的'ole CSS。将<body>的子元素设置为position:absolute; top:100%;，并且您已经获得了低于该元素的元素。

.below {
    position: absolute;
    top:100%;
}

另外，与使用javascript设置静态顶部或边距不同，即使在调整浏览器窗口大小后，这也会有效。

这是一个带有完整标记的jsFiddle：http://jsfiddle.net/ubhBL/

Answer 2

如何使用jQuery为元素设置top或margin-top CSS属性，该属性等于viewport的高度：

$(function () {
    $('#my-under-the-fold-element').css({
        top : $(window).height()
    });
});

然后你只需要让你的元素绝对定位。