HTML / CSS / JAVASCRIPT: как переместить элемент и не показывать полосы прокрутки

Question

Я пытаюсь переместить элемент div снаружи страницы на страницу.Однако, как только элемент отображается за пределами страницы, появляются горизонтальные полосы прокрутки!

Как этого добиться без появления полос прокрутки?

Любая помощь очень ценится, спасибо:)

Answer 1

Вкратце, используя overflow-x:

function moveStuff() {
    $('body').css('overflow-x', 'hidden');
    $('#iteminmotion').show().animate(..., function() {
        $('body').css('overflow-x', 'auto');
    });
}

Answer 2

Вы можете временно отключить боковую прокрутку, применив эту CSS к телу:

body {overflow-x:hidden;}

http://jsfiddle.net/pxfunc/YYUZJ/

Answer 3

перемещение элемента со страницы влево, перемещение его вправо увеличивает ширину страницы

Answer 4

Вам действительно нужно создать элемент вне страницы или просто сделать так, чтобы он скользил по экрану?В прошлом я делал подобные вещи, чтобы эмулировать графику, которая скользит по странице, но вместо того, чтобы начинать работу вне области просмотра, я создал ее как можно дальше в сторону, а затем анимировал слайд в середине.Пользовательский опыт в этой точке может быть графикой, которая скользит на страницу из-за пределов области просмотра.