jquery - 全窗口部分和导航

Question

测试用例

>> JSFIDDLE <<

问题

我一直在玩弄 100% 宽度和高度部分并在它们之间导航。一切都很顺利——我想。但是，当用户单击“基础”时，他将被重定向到第一部分。这很好，但当用户随后到达绿色幻灯片(第四张)时，问题就出现了。当用户在此部分单击下一个箭头(向左)时，动画不再正确(而在第一次运行时它是正确的!)

应该发生什么(以及第一次运行时发生什么):

• 绿色(第四部分)向右滑动(right: -$(window).width())
• White(第五部分)也向右滑动(right : 0)

用户之前已经返回基地后会发生什么

• Green 原地不动(一动不动)
• White 按原样向右滑动(right : 0)

我不知道为什么 Green 什么都不做!也许你们能发现问题？

此外，如果您对我的代码有任何提示(可以更合乎逻辑的事情)，请将它们放在评论中!

Answer 1

第一次运行时，#green 的 left 和 right 的 css 值没有设置(又名 auto)

返回“base”后，您会看到 #green 现在有 right:0 和 left:0