動畫移動到左側和右側？

我想要的是在點擊#prev_pag和#next_pag後，將分頁移動到左側和右側。它是如何解決我的問題？動畫移動到左側和右側？

$('#next_pag').click(function() { 
     $('#pagination').animate({ 
      left: '-=100px' 
     }, 
     500); 
    }); 
    $('#prev_pag').click(function() { 
     $('#pagination').animate({ 
      left: '+=100px' 
     }, 
     500); 
    }); 
});

來源

2011-08-18 Nayanthara Judila

所需刪除的最後一行的JavaScript來編譯，並添加「的位置是：相對的;」到#pagination div。

http://jsfiddle.net/szVKD/9/

來源

2011-08-18 15:43:47 Felipe

爲什麼放在每個分頁下？例如：http：//jsfiddle.net/szVKD/11/ –

我建議你使用Chrome瀏覽器，然後右鍵單擊元素和「檢查元素」，然後你會更好地看到發生了什麼。看起來你在'2'之後有一個空格，所以瀏覽器正在打破你的列表（因爲它認爲它只是兩個大的「單詞」，它會打破這條線，所以它適合屏幕，解決或你刪除空間或爲所有元素提供空間） – Felipe

我使用Chrome瀏覽器和其中的元素，但無法解決問題。你可以在http://jsfiddle.net/szVKD/9/更新你的例子嗎？ –

這是一個CSS問題。您需要將#pagination設置爲position:relative;才能爲left css屬性設置動畫。

來源

2011-08-18 15:44:49

爲什麼放在每個分頁下？如：HTTP：//jsfiddle.net/szVKD/11/ –

動畫移動到左側和右側？

回答

相關問題