我在我的网站中安排了如下标记:
<body>
<div id="wrapper">
<div id="middle">
<div class="red-container">
<div class="row">
Middle. Row 1.
</div>
</div>
</div>
<div id="right">
<div class="green-container">
<div class="row">
Right. Row 1.
</div>
</div>
</div>
</div>
</body>
很明显，right div 必须位于 middle div 的右侧。
这是 fiddle (我的 fiddle 里的 right div 实际上并不在 middle div 的右边):http://jsfiddle.net/NNMYS/
我想在这里实现滑动效果:
middle div 中的所有内容都应向左滑动并在动画播放后移除。另一方面，同时，来自 right div 的内容(在我的例子中将由 ajax 添加到 right div)应该从右边 滑动div 到 middle div(并从 right div 中删除)。怎么办？
我可以通过将所有内容按位置直接放置并滑动到单击的元素来直接完成内容 slider 。但在这里，因为我将通过 ajax 添加内容并且还有一些响应式实现，所以在我的情况下这似乎是不可能的。
最佳答案
看看这个。我认为这可能会有所帮助
http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/
关于javascript - 将内容从一个 div 滑入另一个，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17341996/