动态/动态变量 - 响应式网络

Question

我刚刚写完了一些逻辑并且它有效。但我意识到我需要有动态变量，在调整浏览器大小时它们的值会发生变化。请参阅以下代码示例：

<input>

我能想到的一种可能方式是替换＆＃34; moveDis＆＃34;所有的变量计算，但我不认为混淆.css（）jQuery方法中的连接是个好主意。

简而言之，动态执行此操作的最佳方法是什么？谢谢！

Answer 1

如果您的逻辑是正确的，您可以将它放入自己的函数而不是IFFE并在加载时调用它并调整大小以在每次调整浏览器大小时进行计算

function carousel() {
  var carouselCellUnitHeight = $('.carousel .carousel__cell').height(),
  carouselCellCounts = $('.carousel .carousel__cell').length,
  moveDis = -(carouselCellUnitHeight * ((carouselCellCounts/2)-1)),

  $('.carousel__content-wrapper').css({
    'transform' : 'translateY('+ moveDis +'px)'
  });

}

$(document).ready(carousel); 
$(window).resize(carousel);