jquery - 跃迁后同位素震动

Question

我正在使用同位素 jQuery 插件，我有两个问题:

1. 当我单击过滤器时，转换后，内容在就位之前会稍微晃动。我无法理解为什么会发生这种情况。这是网址https://dzire2dzine.com/portfolio

2. 我想根据 URL 参数触发其中一个过滤器的点击事件。例如，如果有人访问:dzire2dzine.com/portfolio#logo 那么它会过滤到 Logo，如果有人访问:dzire2dzine.com/portfolio#web 那么它应该过滤到 Web 等。

那么有人可以指导我吗？谢谢，

Answer 1

问题出在你的 css 中，只需从 css 的这部分删除“#portfolios .portfolio, #portfolios .portfolio:hover”即可

.entry-header div.caption::after, .entry-header:hover div.caption::after, div.client div.caption::after, div.client:hover div.caption::after, .social, div.portfolio div.caption::after, div.portfolio:hover div.caption::after, .lavaLamp li button, .lavaLamp li:hover button, #portfolios .portfolio, #portfolios .portfolio:hover {
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
}

问题在于您正在将 CSS3 动画应用于所有属性。