以前の私の前の質問に関して; Jqueryスライドアニメーション。スライダーを使用するために、次のソリューションを使用しました。
HTML
<div class="bigBox">
<div class="try2">
<h3 id="test2">CLICK THIS</h3>
<p>This is a demonstration of jQuery SimpleDialog.</p>
</div>
<div class="try">
<p id="haha">CLICK THIS</p>
<p>This is a demonstration of jQuery SimpleDialog.</p>
</div>
</div>
JS
$('#haha').click(function() {
$('.try').hide("slide", {
direction: "left"
}, 1000);
$('.try2').show("slide", {
direction: "right"
}, 1000);
});
CSS
div.bigBox {
background-color:transparent;
width:100px;
height:125px;
position: relative;
}
.try, .try2{
width:100px;
height:125px;
position: absolute;
}
.try {
background-color:green;
}
.try2{
background-color:yellow;
}
問題は、グーグルクロームでページを最小化/最大化(ズームは100%ではない)すると、スライダーがスムーズにスライドしなくなることです。しかし、Firefox / IEでテストすると、うまく機能します。
グーグルクロームのスライダー間のスペースの原因は何ですか?これはグーグルクロームのバグですか?どうすれば修正できますか?ありがとうございました。