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

标签 javascript html css wordpress pinterest

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

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

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

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

为什么会这样??

最佳答案

原因是 Pinterest 中的错误按钮。

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

更新:

喜欢 @homerjam 在评论中说:

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

More informations here: Pinterest widget API.

关于javascript - Pin It 按钮出现在错误的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29132941/

相关文章:

javascript - 切换变量 javascript 的值

javascript - 呈现 HTML+Javascript 服务器端

javascript - 使用 Twitter Bootstrap 附加和分离附加 header

javascript - 为什么我的函数运行了 3 次?

php - 如何通过查询将表单中的多个选中选项匹配到数据库中?

eclipse - 在 Eclipse Kepler 中使用 HTML5 和 CSS3 进行 GUI 设计

javascript - GraphQL:获取部分字符串匹配

html - Bootstrap 容器太宽

jquery 悬停效果无法正常工作

html - 响应式设计的字体大小