简体繁体 English

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

[英]Pin It Button is appearing in the wrong place

原文 2015-03-18 21:21:58 6 2 javascript/ html/ css/ wordpress/ pinterest

I'm new to web development and I'm working on a Wordpress Theme.我是 Web 开发的新手，正在研究 Wordpress 主题。 I'm having a very annoying issue.我有一个非常烦人的问题。

The issue can be replicated by installing the Pin It Button for Chrome ( https://chrome.google.com/webstore/detail/pin-it-button/gpdjojdkbbmdfjfahjcgigfpmkopogic?hl=en ) and visiting this page.可以通过安装适用于 Chrome 的 Pin It 按钮 ( https://chrome.google.com/webstore/detail/pin-it-button/gpdjojdkbbmdfjfahjcgigfpmkopogic?hl=en ) 并访问此页面来重现该问题。

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

When you scroll to the right and hover over the images with your mouse, several new scrollbars appear.当您向右滚动并用鼠标悬停在图像上时，会出现几个新的滚动条。 It looks like the pin it button is not scrolling with the div.看起来 pin it 按钮没有随着 div 滚动。 When I disable the Pin It extension the problem goes away.当我禁用 Pin It 扩展时，问题就消失了。

Why is this happening??为什么会这样？？

2 个解决方案

The reason is a bug in the Pinterest Button.原因是Pinterest按钮中的一个错误。

The cause of the scrollbars are being caused by the button which is a <span> that gets a left value off the view context of your page.滚动条的原因是由按钮引起的，该按钮是一个<span> ，它从页面的视图上下文中获取左值。 The Pinterest <span> button is setting itself to position: absolute on your page. Pinterest <span>按钮将自身设置为position: absolute在您的页面上。

UPDATE :更新：

Like @homerjam says in the comments:就像@homerjam在评论中所说：

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

More informations here: Pinterest widget API .更多信息请访问： Pinterest 小部件 API 。

You are using a chrome extension;您正在使用 chrome 扩展； Since I am using FireFox I do not see the pin it button at all.由于我使用的是 FireFox，我根本看不到 pin it 按钮。

Most likely the problem you are experiencing is just the chrome extension itself (maybe a bug), nothing to do with the WordPress theme.您遇到的问题很可能只是 chrome 扩展本身（可能是一个错误），与 WordPress 主题无关。