ローテーションカードを書くときに出会った穴
1094 ワード
css
displayの使用について:inline-block;その後、なぜか隙間が現れるのはなぜか分からないが、ネット上で検索すると、彼の親要素ノードにcss font-size:0を設定すると、不思議な隙間を解決できることが分かった.
具体的な原因は分からない.閲覧待ち.
jQuery
JQueryライブラリを使用してcss line-height行の高スタイルタイムズエラーを動的に変更
行の高さを設定するときに「px」を追加するため、widthとheightは省略できます
animate()メソッドは非同期コールバック問題であり,外部で修正されたcssスタイルはまた内部css()で修正されたので,内部に書くしかない.アニメーションはまだ実行されているからです.
father{
font-size: 0;
}
chlidren{
display:inline-block;
}
displayの使用について:inline-block;その後、なぜか隙間が現れるのはなぜか分からないが、ネット上で検索すると、彼の親要素ノードにcss font-size:0を設定すると、不思議な隙間を解決できることが分かった.
具体的な原因は分からない.閲覧待ち.
jQuery
JQueryライブラリを使用してcss line-height行の高スタイルタイムズエラーを動的に変更
containerItems.css({
'width': width,
'height': height,
'line-height':height + 'px'
});
行の高さを設定するときに「px」を追加するため、widthとheightは省略できます
if (index > currentIndex) {
ref.animate({
left: -offset + 'px' // , css()
}, function() {
var i = currentIndex;
while (i != index) {
ref.append(ref.children().first());
i++;
}
ref.css('left', 0);// css
});
// ref.css('left', 0); // ref css
}
animate()メソッドは非同期コールバック問題であり,外部で修正されたcssスタイルはまた内部css()で修正されたので,内部に書くしかない.アニメーションはまだ実行されているからです.