动画移动到左侧和右侧？

我想要的是在点击#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/ –

动画移动到左侧和右侧？

回答

相关问题