Pin It 按钮出现在错误的位置

Pin It Button is appearing in the wrong place

我是网络开发的新手,正在开发 Wordpress 主题。我有一个非常烦人的问题。

可以通过为 Chrome (https://chrome.google.com/webstore/detail/pin-it-button/gpdjojdkbbmdfjfahjcgigfpmkopogic?hl=en) 安装 Pin It 按钮并访问此页面来重现该问题。

http://shotbybauer.wilderland.co/fashion/

当您向右滚动并将鼠标悬停在图像上时,会出现几个新的滚动条。看起来 pin it 按钮没有随着 div 滚动。当我禁用 Pin It 扩展时,问题就消失了。

为什么会这样??

您正在使用 chrome 扩展;因为我使用的是 FireFox,所以我根本看不到固定按钮。

很可能您遇到的问题只是 chrome 扩展本身(可能是错误),与 WordPress 主题无关。

原因是 Pinterest 按钮中的错误。

滚动条的原因是由 <span> 按钮引起的,该按钮从页面的视图上下文中获取左值。 Pinterest <span> 按钮在您的页面上将自身设置为 position: absolute

更新:

喜欢@homerjam在评论中说:

Add <meta name="pinterest" content="nohover"></meta> to the <head> of your HTML.

More informations here: Pinterest widget API.