Перемещение divs, слева и справа, за пределами коробки

Question

Можно ли переместить div с абсолютным положением слева направо или налево, за пределами окна с помощью JQuery?

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); 
}); 

Answer 1

Это должно работать, но учтите, что ваш 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.

Статическое положение (значение по умолчанию) не заботится об этом.

обращение Scrollbar: если вы не хотите, чтобы пользователь, чтобы иметь возможность перейти к элементам Вы двигаетесь за окном:

body { 
    overflow-x: hidden; 
} 

Вы можете поставить его на body или любого оберточной элемента. При необходимости он будет сохранять вертикальную прокрутку, но удалит горизонтальную полосу прокрутки.