0

这是页面在 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 聊天窗口被关闭，应该不可见，但如果我向下滚动，它就在那里。如果我打开聊天，多余的间距就会消失，并且我无法向下滚动页面（它解决了问题）： 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 有这个问题。

4

1 回答 1

0

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

于 2017-02-06T15:45:52.113 回答