全窗口部分和导航

Question

测试用例

＆GT;＆GT; JSFIDDLE＆lt;＆lt;

问题

我一直在玩100％的宽度和高度部分并在它们之间导航。这一切都很顺利 - 我想。但是，当用户点击“Base”时，他会被重定向到第一部分。这很好，但是当用户然后到达绿色幻灯片（第四个一个）时会出现问题。在此部分中，用户单击下一个箭头（向左），动画不再正确（而在第一次运行时，它是正确的！）

应该发生什么（以及首次运行时会发生什么）：

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

用户在

之前返回基地后会发生什么

• 绿色保持不动（完全不动）
• 白色向右滑动（right : 0）

我不知道为什么 Green 什么都不做！也许你们可以发现问题？

另外，如果您对我的代码有任何提示（可能更合乎逻辑的话），请将它们放在评论中！

Answer 1

首次运行时，#green的{​​{1}}和left的css值未设置（又名right）

返回“基地”后，您会看到auto现在有#green和right:0