我正在使用Mixitup JQuery作为投资组合页面,在几个不同的过滤器之间对我的内容进行排序。当我现在点击一个项目时,Jquery工作并且内容混洗,但是按钮跳起大约50px一秒钟,然后回到它们定位的位置。
如果双击同一链接“web”或“contact”,则可以复制此链接。 - Marc Jenkinson 43分钟前
在此处查看:http://codepen.io/anon/pen/BJnhH
$(function(){
$('#content-column').mixItUp();
});
答案 0 :(得分:0)
当你说
时button.items:focus {
display:none;
}
你不是说“隐藏对这些按钮的关注”。
你说的是“隐藏正在关注的按钮”。
这是导致视觉跳跃的原因。删除这些行,您会看到它们在单击时不会消失。
有效的方法可以在现代浏览器中删除焦点效果(您可以在Stack Overflow上找到),但更好的是,您应该将这些元素作为锚点。
编辑:这是指向How to remove border (outline) around text/input boxes? (Chrome)
的链接