Question

我的网站上有如下标记：

<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的右侧。这里是小提琴（right div在我的小提琴里面，实际上并不在middle div的右边：http://jsfiddle.net/NNMYS/

我试图在这里实现滑动效果：
来自middle div的所有内容都应向左滑动并在动画后删除。另一方面，同时，来自right div（在我的情况下将由ajax添加到right div）的内容应该从右div滑动到{{ 1}} div（并从middle div中删除）。怎么办？

我可以直接完成内容滑块，直接将所有内容按位置分开并滑动到单击的项目。但是在这里，因为我将通过ajax添加内容并且还有一些响应式实现，在我看来似乎不可能。

Answer 1

看看这个。我认为这可能会有所帮助

http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/

将内容从一个div滑入另一个div

1 个答案: