关闭时接吻，修改了我的 html 页面的底部

Question

这是 Chrome 中关闭 smooch 时页面的样子： https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/ByURnsF2qd3laSO/upload.png 如你看到的。页面的底部是固定的，所以我不能越过它。但是在 Firefox 上，当 smooch 聊天对话框关闭时，页面看起来像这样： https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/BCrKoabYoWYjH0j/upload.png 正在关闭的聊天 windows 应该不可见，但如果我向下滚动，它就在那里。如果我打开聊天，多余的间距就会消失，而且我无法向下滚动页面（它解决了这个问题）： 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');

这个可以修复吗？ PS：在Chrome和Safari上有效，目前只有Firefox有这个问题。

Answer 1

从 css 中删除它使其工作： -webkit-transform: translateZ(0px);

关闭时接吻，修改了我的 html 页面的底部

Smooch when closed, modified the bottom of my html page

javascript

css

chat

angularjs

smooch