AddThis共享层在平板电脑/手机上无法移动

Question

我在响应的网络应用上使用AddThis：PC，Tablet＆amp;移动。

在PC上一切都很好 - 有足够的空间。

在Tablet / Mobile上我有一个问题 - 共享层显示在底部。这正是我的Bootstrap底部导航栏带有一个重要的自定义按钮的地方。这会导致我的重要按钮被阻止。

我试过了：

1. 使用“offset”向上移动共享层，如下所示：

   '分享'：{   '位置'：'正确'，   'numPreferredServices'：5，   'offset'：{'bottom'：'150px'} }

2. 设置我的按钮的z-index非常高，超过了addThis的图层。（z-index：9999999999;）。

他们都没有奏效。

有什么想法可以阻止addThis阻止我的按钮吗？

谢谢！

Answer 1

不幸的是，移动工具栏没有偏移属性。但是，您可以使用以下工具将工具栏放在屏幕顶部而不是底部（注意图层键是＆＃34;移动＆＃34;不是＆＃34;分享＆＃34;）：

addthis.layers({
    share:{},
    mobile:{
        buttonBarPosition: 'top'
    }
});

要偏移工具栏，您可以使用以下内容覆盖css：

.at4m-dock-toggle { bottom:50px !important; }

#at4m-dock { bottom:50px !important; }