2

私は div をアニメーション化しようとしています。それを「ミニファイ」widthするときに設定しています。アニメーションを切り替えるときに650pxネイティブに戻したいです。ご覧のwidthとおり、コンテナの があり、セットのみです。ここに私のコードがあります:animated_divwidthmin-width

HTML

<div id="container> 
<div class="animated_div>
... 
<p>really a lot of text here</p>
...
</div>
</div>

CSS

.animated_div{
 padding:20px;
 min-width:650px;
 margin:0 auto;
 margin-bottom:15px;
 margin-top:10px;
 }

Jクエリ

$("#toggle_click").on('click', function() {
  $("#animated_div").animate({
  width : "650px"
 })

$("#toggle_click2").on('click', function() {
  $("#animated_div").animate({
  width : "100%"   // Here it is the problem , It set the div to be over-widthed.
 })

コメントに書いたように、問題は100%、div を設定すると、コンテナーよりも幅が広くなることです。

4

2 に答える 2

3

jQueryを介して幅を「自動」に設定するだけです。呼び出しは次のようになります。

$("#toggle_click2").on('click', function(){
    $('#animated_div').animate({ width:'auto'});
});
于 2013-03-07T20:26:43.360 に答える
0

100% 幅 + 20px のパディングにより、div はコンテナーよりも 40px 広くなります。

幅を 100% に設定する代わりに、幅を継承に戻してみてください。

$("#toggle_click2").on('click', function() {
    $("#animated_div").animate({
           width : "auto"
    });
});

また、閉じ括弧とセミコロンを忘れないでください。

于 2013-03-07T20:33:17.267 に答える