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

Question

这是关闭 smooch 时页面在 Chrome 中的样子: 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聊天窗口正在关闭，不应该是可见的，但如果我向下滚动，它就在那里。如果我打开聊天，多余的间距就会消失，而且我无法向下滚动页面(它解决了这个问题): 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);
        }
    }
}

这是我注入(inject)脚本的方式:

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

这是可以修复的吗？ PS:Chrome 和 Safari 都支持，目前只有 Firefox 有这个问题。

Answer 1

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