Smooch 닫을 때 내 html 페이지의 하단을 수정했습니다.

Question

smooch가 닫힐 때 Chrome에서 페이지가 어떻게 표시되는지 알 수 있습니다. https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/ByURnsF2qd3laSO/upload.png 자세히 알 수 있습니다. 페이지의 아래쪽은 고정되어 있으므로 지나갈 수 없습니다. Firefox에서 채팅 대화 상자가 닫히면 페이지는 다음과 같이 보입니다. https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/BCrKoabYoWYjH0j/upload.png 채팅 창이 닫히고 표시되지 않아야하지만 아래로 스크롤하면 채팅 창이 나타납니다. 채팅을 열면 여분의 간격이 사라지고 페이지를 아래로 스크롤 할 수 없습니다 (문제가 해결됨). https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/5NraM0G864Qf1mU/upload.png 하지만 다시 닫을 때까지 추가 간격을 추가하여 스크롤 가능한 페이지. 이것은 내가의 포옹을 시작하는 방법입니다

$rootScope.smooch_inited = $rootScope.smooch_inited || false; 
function initSmooch() { 
    if (!$rootScope.smooch_inited) { 
     try { 
      $rootScope.smooch_inited = true; 

      var window_focus = true; 
      $(window).focus(function() { 
       window_focus = true; 
      }).blur(function() { 
       window_focus = false; 
      }); 

      Smooch.on('message:received', function() { 
       if (!window_focus || !Smooch.isOpened()) { 
        //Play sound 
        var audio = new Audio('assets/audio/ding.wav'); 
        audio.play(); 
       } 
       Smooch.open(); 
      }); 
      var promise = Smooch.init({ 
       appToken: smooch_key, 
       givenName: $rootScope.data.user.first_name, 
       surname: $rootScope.data.user.last_name, 
       properties: { 
        email: $rootScope.data.user.email, 
        uid: $rootScope.data.user.id, 
        language: $rootScope.data.user.language, 
        country: $rootScope.data.user.country 
       } 
      }); 
      promise.then(function() { 
       $('#sk-holder').addClass('no-print'); 
      }); 
     } catch(e) { 
      $timeout(function() { 
       initSmooch(); 
      }, 1000); 
     } 
    } 
} 

이 내가 스크립트 주입하는 방법입니다 : 이것은 고칠 수 있나요

injectJS.set('smooch', 'https://cdn.smooch.io/smooch.min.js'); 

를? 추신 : 그것은 크롬과 사파리에서 작동, 지금까지 파이어 폭스에만이 문제가 있습니다.

Answer 1

CSS에서 삭제하면 작동합니다. -webkit-transform: translateZ(0px);