0

私のhtmlのボディ部分は

<div class="scrollin" id="topscrollin" style="left:-300px;top:30px;"></div>
<div class="scrollin" id="bottomscrollin" style="right:-300px;top:120px;"></div>

CSS部分は

.scrollin{
  background: #3300FF;
  height:60px;
  width:300px;
  text-align: center;
  color: #FFFFFF;
  font-family: Segoe UI;
  position: absolute;
  z-index: 3;
}

スクリプト部分は

 $(".scrollin").animate({scrollin:27},{
       step:function(now){
        $("#topscrollin").css('left',now+'%');
        $("#bottomscrollin").css('right',now+'%');
       }
     })

他のボタンをクリックすると

$("#topscrollin").animate({right:-300},1000);
               $("#bottomscrollin").animate({left:-300},1000);

最初のアニメーションは機能しているようです。しかし、2 番目のアニメーションは、トップスクロールリンでは機能しないようです。検索したところ、最初に位置を左に設定したことに関係があることがわかりました。 反対の状況で提供されているソリューション http://jsfiddle.net/XqqtN/を使用してみました。しかし、うまくいきませんでした。` また、位置を左に設定することが問題である場合、なぜ 2 番目のケースで問題が発生しないのですか?

4

1 に答える 1

1

左右100%に変えてみませんか？ http://jsfiddle.net/PRLnm/

$("#topscrollin").animate({left:'100%'},1000);
$("#bottomscrollin").animate({right:'100%'},1000);
于 2013-08-02T23:43:54.557 に答える