如何在垂直滚动上隐藏 addThis 插件

Posted 2023-02-24

【中文标题】如何在垂直滚动上隐藏 addThis 插件

【英文标题】：How to hide addThis plugin on vertical scroll

【发布时间】：2015-07-26 07:22:38

【问题描述】：

我在my blog 上使用addThis social plugin。我相信插件浮动在固定位置，正如我在 css 文件中看到的那样。

我认为我无法控制该文件。如果我错了，请纠正我。

问题：如何让它向上并在向下滚动后隐藏。

这不是一个非常关键的问题，但我不希望我们的读者对这个棘手的事情感到恼火。

【问题讨论】：

所以你不想修复它的药水？？但是你想在左下角吗？？

你明白我的意思@hemanthmouli

查看我发布的答案！

【参考方案1】：

您的意思是在向下滚动页面时隐藏共享侧边栏工具？如果是这样，很遗憾我们不提供任何支持。共享边栏工具设计为显示在页面的最左侧或最右侧。但是欢迎您将自己的 CSS/javascript 应用于我们现有的任何元素。我会将您的反馈转达给我们的团队。

谢谢！

【参考方案2】：

.atss类的位置是固定的，你可以用JQuery把它变成position:absolute

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function()
     $(".atss").css("position","absolute");
);
</script>

在您的网站中包含此脚本！！你可以感受到差异。

【讨论】：

其实那是完美的！！无论如何试试这个css("position":"absolute","top": "20%", "width" :"48px", "z-index": "100020");

【参考方案3】：

!importantcss

通过在网站的 main css file 中使用 !important css 声明解决了该问题

以下是相同的快照：

//Keep addThis unsticky
.atss
      position:absolute !important; 

感谢hemnath 和ribin 的意见。

【讨论】：

是的，position:absolute 但需要!important。 jQuery 实际上并没有工作。谢谢。