我完全懂你想要的效果——让Shareaholic的关注按钮固定在页面右侧垂直中间，不管页面怎么滚动都保持在那个位置对吧？之前调整CSS没成功，大概率是没用到正确的定位属性组合，试试下面这个方案：

.shareaholic-canvas[data-app="follow_buttons"] {
  /* 固定定位，让元素脱离文档流，相对于浏览器视口定位 */
  position: fixed;
  /* 距离页面右侧的距离，可根据你的布局需求调整数值 */
  right: 20px;
  /* 让元素顶部对齐视口的垂直中点 */
  top: 50%;
  /* 向上平移自身高度的50%，实现真正的垂直居中 */
  transform: translateY(-50%);
  /* 设置足够高的层级，确保按钮不会被页面其他内容遮挡 */
  z-index: 9999;
}

为什么这个方案有效？ #

• position: fixed：这是关键，它会让元素固定在视口的某个位置，不会随页面滚动而移动，彻底摆脱页脚或页眉的布局限制。
• top: 50% + transform: translateY(-50%)：这是实现垂直居中的经典技巧，top:50%只是让元素顶部来到视口中间，而translateY(-50%)会把元素往上移动自身高度的一半，这样整个元素就刚好垂直居中了，比用margin-top的方法更灵活，不用提前知道元素的高度。
• z-index:9999：确保按钮始终在页面其他内容的上方，避免被图片、文字等元素遮挡。

可能的排查点 #

如果设置后还是没效果，可以检查这两点：

• 确认Shareaholic生成的按钮容器确实是.shareaholic-canvas这个元素，有时候它可能会嵌套在其他容器里，你可以用浏览器的开发者工具（F12）定位到实际的按钮外层元素，调整CSS选择器。
• 检查是否有父元素设置了position: relative或者其他定位属性，干扰了fixed定位的效果（不过fixed定位默认是相对于视口，一般父元素的定位不会影响，但特殊情况可以排查）。

内容的提问来源于stack exchange，提问作者Andres