jquery - 在框外左右移动div

是否可以使用JQuery在窗口外部以绝对位置从左向右或从右向左移动div？

CSS：

s1 {
   position: absolute;
   left: -1202px;
}
s2 {
   position: absolute;
   right: -1202px;
}

jQuery的：

$("#btn").click(function() {
   $("#s1").animate({
       left:"1202px"
   },1500);
$("#s2").animate({
       right:"1202px"
   },1500);
});

最佳答案

这应该可以，但是请注意，您的CSS包含错误：

s1 {
   position: absolute;
   left: -1202px;
}
s2 {
   position: absolute;
   right: -1202px;
}

应该 ：

#s1 {
   position: absolute;
   left: -1202px;
}
#s2 {
   position: absolute;
   right: -1202px;
}

它可能来自这里：如果不为元素设置位置（绝对，相对或固定），则不能使用top / left / right / bottom属性。

静态位置（默认值）无关紧要。

滚动条处理：如果您不希望用户能够滚动到在窗口外移动的元素，请执行以下操作：

body {
   overflow-x: hidden;
}

您可以将其放在body或任何包装元素上。如果需要，它将保持垂直滚动，但是将删除水平滚动条。

关于jquery - 在框外左右移动div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31202727/