JQuery-Validation-Engine.jsでウィンドウ幅によってオプションを変更したい

Question

「PC」・「タブレット(幅860px以下)」・「スマホ(幅480以下)」でJQuery-Validation-Engine.jsのオプションを切り替えたいです。

jQuery(document).ready(function(){
   jQuery("#form-area").validationEngine('attach', {
       addFailureCssClassToField: "input-error",
    promptPosition:"inline",
       scrollOffset: 160
  });
});

scrollOffset: 160

変更したいのは、「scrollOffset」の部分です。

PCでは160、タブレットでは100、スマホでは80のようにしたいです。

ご教授願います。

Answer 1

MediaQueryList.addListener() を使ってみるのはどうでしょうか？
MediaQueryList.addListener() - Web APIs | MDN