Pin It Button出现在错误的位置

时间:2015-03-18 21:21:58

标签: javascript html css wordpress pinterest

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

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

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

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

为什么会这样?

2 个答案:

答案 0 :(得分:2)

原因是Pinterest按钮中存在错误。

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

更新:

喜欢 @Homer 在评论中说:

  

<meta name="pinterest" content="nohover"></meta>添加到HTML的<head>

     

此处有更多信息:Pinterest widget API

答案 1 :(得分:-1)

您使用的是Chrome扩展程序;由于我使用的是FireFox,我根本看不到它的按钮。

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