jQuery hide () плохо себя ведет на iPhone

Question

У меня проблемы с jQuery неправильным поведением на iPhone. Это довольно просто, он просто скрывает и показывает некоторое содержимое и изображение, когда пользователь нажимает кнопку. Кажется, что все отлично работает на рабочем столе и Android, но на iPhone он автоматически увеличивает масштаб и прокручивает немного, когда прячется. На slideUp() и show() он работает нормально, но slideDown() и hide() вызывают эти проблемы. Я пытался изменить slideDown() на hide(), но он по-прежнему работает так же.

Я положил

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

поверх моего кода html, чтобы он не увеличивал изображение, чтобы проблема масштабирования могла быть решена, но прокрутка немного проблема продолжает происходить.

Вот мой код.

$("#sticky_wrap").click(function () {

  if($("#sticky_contents").is(":visible")){
    $("#sticky_contents").slideUp(400, function() {
        $("#sticky_img").show();
    });
  } else{
    $("#sticky_contents").slideDown("slow");
    $("#sticky_img").hide();
  }
});

Может ли кто-нибудь помочь мне понять, почему эта проблема происходит? Спасибо.