Question

我正在使用jquery resize来调整我网页上的内容。它有效，但我希望当元素达到所需的高度或宽度时，它应该停止调整大小，我该如何实现呢？

以下是代码：

$(window).resize(function(){
    $(map).height(win.height() - 210);

    if($(window).height() == 300){
        $(map).css({
                    "height": "250px"
                    });
    }
});

我做了一个if语句，但它仍然不起作用，代码有什么问题。请告诉我这个？

提前致谢。

Answer 1

设置可调整大小的div的maxHeight

$(document).ready(function(){
    $("#map").resizable({
      maxHeight: 300
    });
});

然后将相应的div设置为overflow

上的滚动条

#map{
  overflow:scroll;
}

这将允许div始终有一个滚动条，并在调整相应的div时调整用户

来源：jQuery resizable API (max/min)

Answer 2

你说它是否= 300.这是非常具体的，我会使用>= 300

最大高度和宽度，jquery调整大小

2 个答案: