Позиция Содержание в презентации JS Reveal с использованием JQuery

Question

Я хочу написать блок javascript или JQuery, который поместит весь мой контент на 50 пикселей вправо, если я установил переменную «tree» в true. До сих пор мой R уценки документ выглядит следующим образом:

<script> 
var tree = true; 
if (tree===true){ 
$(document).ready(function(){ 

    $("body").css(position,absolute); 
    $("body").css(left,left+50); 
    $("html").css(position,absolute); 
    $("html").css(left,left+50) 
    $("div.reveal").css(position,absolute); 
    $("div.reveal").css(left,left+50) 
    $("div.slides").css(position,absolute); 
    $("div.slides").css(left,left+50) 


}); 
} 
</script> 

Когда я вязать код, содержание отображается в том же положении, что он сделал без JavaScript. Можно ли использовать этот метод 50 пикселей вправо, используя этот метод? Если нет, как еще я могу это сделать? Любая помощь будет очень оценена!

Answer 1

Если вы хотите придерживаться JQuery вы можете использовать margin-left:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
var tree = true; 
if (tree===true){ 
$(document).ready(function(){ 
    $('.slides').css('margin-left', '50px'); 
}); 
} 
</script> 

На следующем скриншоте вы можете получить, что все содержимое (все слайды) содержится внутри div элемента, который несет класс .slides :

со сценарием, представленным выше, содержания перемещает желаемые 50 пикселей вправо (желтую области является запас налево):