jQuery Quicksand を使用して、フィルタリング可能な記事のポートフォリオを作成しています。
問題は、サイドバー パラグラフのフィルター (ビデオ、Web サイト、モーション グラフィックス) をクリックすると、フィルタリングされている記事で CSS が 2 倍になり、アニメーションが完了するまで適切に配置されないことです。プラグインはtop: 60px; left: 416px;
、フィルタリングされたセットの最初の記事に追加し、すべてをプッシュします。
クリックwebsite
を続けて効果を確認してください。
これは問題のある CSS だと思いますが、プラグインで適切に動作するように調整する方法がわかりません。
article.project-container {
float: left;
position: relative;
margin: 5px;
padding: 10px;
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
http://razorjack.net/quicksandにアクセスし、フィルター (すべて、アプリケーション、ユーティリティ) をクリックして、意図した効果を確認します。
どんな助けでも大歓迎です!