根据窗口高度调整图像大小

时间:2014-01-19 08:38:23

标签: javascript jquery

根据标题,我希望能够在窗户高度变小时减小图像尺寸。 它适用于减少部分但我希望它在窗口高度大于指定值时获得原始高度。

我知道这部分$('.model').height();是错误的。

$(window).on('load resize', function() { 
  var h = $(window).height(); 

  if (h < 850) {
     $('.model').height(600); 
  } else { 
     $('.model').height(); 
  } 
});

2 个答案:

答案 0 :(得分:3)

您可以尝试将.model的高度存储在变量中,然后将其恢复为:

var originalHeight = $('.model').height();  

$(window).on('load resize', function() { 
   var h = $(window).height();

  if (h < 850) {
     $('.model').height(600); 
  } else { 
     $('.model').height(originalHeight); 
  } 
});

答案 1 :(得分:0)

如果您想恢复原始尺寸,请尝试将高度恢复为(默认)“自动”?      $(window).on('load resize',function(){      var h = $(window).height();

if (h < 850) {
   $('.model').height(600); 
} else { 
   $('.model').css("height","auto"); 
} 
});