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>高度，我不知道为什么。

Live Demo

Answer 1

为什么min-height不适用于position: static;的div。也许这个jsfiddle会起作用。

Actualy，你可以完全排除javascript。只需将position: fixed;设置为.PropertyContainer（jsfiddle）

即可

Answer 2

因为您添加的事件是滚动的。放入＆＃39;加载＆＃39;相反，滚动＆＃39;并测试。

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

Div高度动态增加

2 个答案: