jquery - div高度动态增加

Question

我正在使用此代码进行固定位置<div>

var div = $('.PropertyContainer');
var start = $(div).offset().top;

$.event.add(window, "scroll", function() {
    var p = $(window).scrollTop();
    $(div).css('position', ((p) > start) ? 'fixed' : 'static');
    $(div).css('top', ((p) > start) ? '0px' : '');
});​

但它增加了<div>滚动的高度，我不知道为什么。

现场演示

Answer 1

Somewhymin-height不适用于带有position: static;. 也许这个jsfiddle会起作用。

实际上，您可以完全排除 javascript。只需设置position: fixed;为.PropertyContainer（jsfiddle）

Answer 2

因为您添加的事件是滚动。将“加载”替换为“滚动”并进行测试。

我编辑了你的现场演示：http: //jsfiddle.net/BJ4U3/1/