我想在另一个div内滑动一个div,如fiddle所示
但我的div是浮点型的。我如何用带有“苹果”文本的白色框在黑色div包含框内滑动来再现相同的效果fiddle2。
我的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
属性一起使用。
因此,您应该在CSS中添加:#slider { position:relative }
,并从position
删除其他#slider
CSS属性。
关于javascript - 如何在另一个滑动div内创建滑动div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20085027/