添加此共享图层在平板电脑/移动设备上不可移动

Question

我正在响应式网络应用程序上使用AddThis：PC，平板电脑和移动设备。

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

在平板电脑/移动设备上，我有一个问题 - 共享层显示在底部。这正是我拥有带有重要自定义按钮的 Bootstrap 底部导航栏的地方。这会导致我的重要按钮被阻止。

我试过了：

1. 使用"偏移"向上移动共享层，如下所示：

   "分享" ： { "位置" ： "右"， '编号首选服务' ： 5， "偏移量"： {"底部"： "150px"}}

2. 将我的按钮设置为非常高的 z 索引，该索引超过了 addThis 图层的 z-index。（z指数：9999999999;）。

他们都没有工作。

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

谢谢！

Answer 1

遗憾的是，移动工具栏没有偏移量属性。 但是，您可以使用以下命令将工具栏放置在屏幕顶部而不是底部（请注意，图层键是"移动"而不是"共享"）：

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

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

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