我想将一个 div 滑动到另一个 div 中，如图所示 fiddle 但我的 div 是 float 类型。我怎样才能重现相同的效果 fiddle2带有“苹果”文本的白框滑入包含它的黑色 div。 我的 javascript 代码是
$(document).ready(function () {
$('#container').mousemove(function (e) {
var x = e.pageX - this.offsetLeft;
$("#recent").text(x + " , " + e.pageX + " , " + $("mainslide").left);
if (e.pageX <= $(window).width() / 2)
$('#slider').css({'left': $(window).width() - e.pageX });
else
$('#slider').css({'right': $(window).width() - e.pageX });
});
});
最佳答案
要使用 left 和 right CSS 属性，您必须将 position 属性设置为 static 以外的任何值.只有 position:static 和 position:relative 使用 float 属性。
因此您应该添加:#slider { position:relative } 到您的 CSS 并从 #slider 中删除其他 position CSS 属性。 p>
关于javascript - 如何在另一个滑动 div 中创建滑动 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20085027/