Jquery表示/非表示にする前に要素を右にシフト表示/非表示

Question

$(document).ready(function(){ 
     var speed = 700; 
     var pause = 3500; 
      function removeFirst(){ 
       $('ul#newsfeed li:first').hide('slide', {direction: "up"}, speed, function() {addLast(this);}); 
      } 
      function addLast(first){ 
       $(first).insertAfter('ul#newsfeed li:last').show(); 
       $('ul#newsfeed li:first').show("slide", {direction: "down"}, speed); 
      } 

      interval = setInterval(removeFirst, pause); 
    }); 

こんにちは、私の問題にお時間をいただきありがとうございます。移動中... これは、順序付けられていないリストを取り、最初の要素を下に移動し、上の方に移動するニュースティッカーのコードです。私は、cssを使って一度に1つのリスト要素を表示します。これは、私たちのお気に入り、IE 6、IE 7を除くすべてのブラウザで正常に動作します。これらの2つのブラウザでは、最初のリスト項目が右にシフトしてから視界がずれます。次に、次のリスト項目は、すでに右にシフトされ、左にシフトします。

私はこの問題についてかなり混乱しており、助けに感謝しています。おかげさまで

Answer 1

申し訳ありませんが私の答えは少し開発されているようだが、おそらく私はあなたにカップルのアイデアを与えることができます。

スライドアニメーションが、使用しているボックスモデルを考慮していない可能性があると思われます。これは、スライドがLI要素の位置を決めようとしているにもかかわらず、LIの外側のいくつかのパディング、マージン、または境界線が、オフセット計算を間違っていることを意味する可能性があります。

私はCSSをチェックします。また、HTMLのはるかに単純な（字体のない）バージョンがまったく同じJavascriptで動作するかどうかを試してみてください。

再び、特異性の欠如について申し訳ありません - おそらく、あなたはいくつかのコードを共有するか、例を指すことができますか？

Answer 2

あなたのコードはここで "上向き"と "下向き"の方向を使用していますが、左/右、右/下でもうまくいきます。私はlist-style-typeをnoneに、list-style-positionをoutsideに設定しました。

list-style-type:none; 
list-style-position:none;