javascript - 如何自定义addthis.com共享/关注图层以用于移动设备以将其修复到页面末尾

我一直在努力将addthis.com提供的共享/关注横幅固定到页面末尾。

就像默认情况一样，它只是漂浮在手机底部的网站上。我正试图在此页脚下修复此页脚。
这是它的外观，请注意底部的Share|Follow按钮



但我希望它将其推到页面底部

像这样的东西



我尝试了以下代码

$(document).on("pagecreate",function () {
    addthis.layers({
        'theme': 'transparent',
            'share': {
            'position': 'left',
                'numPreferredServices': 5
        },
            'follow': {
            'services': [{
                'service': 'facebook',
                    'id': 'vikramabhushan'
            }, {
                'service': 'google_follow',
                    'id': 'vikrambanand'
            }]
        },
            'whatsnext': {},
            'recommended': {}
    });
});

$(document).on('pageshow',function(){
    var height = $('#outerPage').height();
    console.log('H: '+height);
    setTimeout(function () {
        //$('#at4m-mobile-container').addClass('bottom');
    $('body div.addthis-smartlayers-mobile').css("top",height-($('.foot').height()));
    }, 7500);
});

因此此脚本将div addthis-smartlayers-mobile发送到页面底部，但仅在6秒后出现。

有人可以帮我解决这个问题吗？

JSFIDDLE

提前致谢

最佳答案

我能够通过使用CSS来修复它，这就是我所做的

的CSS

#at4m-dock {
    box-shadow: none !important;
    margin-bottom: -92% !important;
    position: absolute !important;

}
.at4m-dock-toggle {
    margin-bottom: -92% !important;
    position: absolute !important;
}
#at4m-mobile-container {
    position: initial !important;
    z-index: 9999999 !important;
}

我删除了多余的脚本，所以我的脚本是这样的

$(document).on("pagecreate",function () {
    addthis.layers({
        'theme': 'transparent',
            'share': {
            'position': 'left',
                'numPreferredServices': 5
        },
            'follow': {
            'services': [{
                'service': 'facebook',
                    'id': 'vikramabhushan'
            }, {
                'service': 'google_follow',
                    'id': 'vikrambanand'
            }]
        },
            'whatsnext': {},
            'recommended': {}
    });
});

这是它的快照

希望有人能受益

感谢和问候