css滑动内容转换

Question

我正在为我的网站设计一个新页面，我对从右侧滑动内容有所了解。 在我看来，这可以通过创建单独的div来实现，这些div通常是通过不同页面分隔的内容;即<div id="home_content">，<div ="about_content">和<div ="contact_content">。然后，一旦点击链接，相关div中的内容将从右侧滑入，而不是加载新页面。

我还要求内容div具有100％宽度的属性，以便在各种分辨率下看起来正确，并且如果窗口被重新调整大小。

有人可以解释我是如何实现这一目标的吗？

非常感谢

Answer 1

欢迎来到SO！ 我认为最佳做法是将CSS3 transition与width: 100%和margin-left一起使用。它使转换非常顺利，你在JS中唯一需要做的就是改变类。请参阅示例：http://jsfiddle.net/Stocki/jGbhh/

我希望它有所帮助！