根据我的div高度更改最小高度

Question

所以我有一个幻灯片块（它的响应），我已经为这个块设置了min-height: 315px，我真的需要它，但是当我调整窗口大小时，我需要顺利地减少min-height，现在我写了jQuery代码，所以它的工作，但它的丑陋tbh。

function minHeightBehavior(width) { 
     width = parseInt(width); 
     element = $('#block-views-home-page-slider-block'); 
     sliderHeight = $('.views-field-slider').height(); 
     element.css('min-height', '315px'); 
     if (width >= 769 && width < 960) { 
      console.log(sliderHeight); 
      element.css('min-height', sliderHeight +'px'); 

     } 

    } 

现在滑块下方块，是跳跃起来，其原因例如当窗口screen width为900，element height是300，如果screen width是899，element height是300了。之后，如果screen width是898,element height是299等。
也许有更好的解决方案呢？

Answer 1

使用.animate方法。

（并开始使用var局部变量）

function minHeightBehavior(width) { 
     var width = parseInt(width), 
      element = $('#block-views-home-page-slider-block'), 
      sliderHeight = $('.views-field-slider').height(), 
      minHeight = 315; 

     if (width >= 769 && width < 960) { 
      minHeight = sliderHeight; 
     } 

     element.animate({height: minHeight + 'px'}, 500, function(){ 
      $(this).css({'min-height': minHeight + 'px', 'height':'auto'}); 
     }); 

    } 

Answer 2

是否没有办法将最小高度设置为百分比？而不是使用像素。