按钮链接在点击时跳转答案

【问题标题】：Button link jumps on click按钮链接在点击时跳转
【发布时间】：2014-09-28 18:56:48
【问题描述】：

我正在将 Mixitup JQuery 用于投资组合页面，该页面在几个不同的过滤器之间对我的内容进行排序。当我现在单击一个项目时，Jquery 可以正常工作并且内容会随机播放，但是按钮会跳升大约 50 像素一秒钟，然后再回到它们所在的位置。

如果你双击同一个链接，“web”或“contact”，你可以复制它。 – 马克·詹金森 43 分钟前

$(function(){
  $('#content-column').mixItUp();
});

【问题讨论】：

如果你双击同一个链接，“web”或“contact”，你可以复制这个。
CodePen 中的问题不清楚，双击似乎无法重现。请提供您的链接代码。
您是否意识到将侧边栏设置为position: fixed 意味着您无法滚动查看小屏幕上的内容（例如，在 codepen 上）？
尝试从 Here 验证您的 CSS 并查看结果。
只是想知道当您将脚本源设置为“js/vendor/jquery.mixitup.min.js”时，codepen 将如何工作？将javascript添加到codepen中怎么样？

【解决方案1】：

当你说

button.items:focus {
  display:none;
}

您不是在说“将焦点隐藏在这些按钮上”。

您是在说“隐藏正在聚焦的按钮”。

这就是导致您的视觉跳跃的原因。删除这些行，您会看到它们在单击时不会消失。

有一些有效的方法可以消除现代浏览器中的焦点效果（您可以在 Stack Overflow 上找到），但更好的是，您应该将这些元素变成锚。

【讨论】：