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

232
11 июля 2017, 20:42

Ребята мне необходимо задвинуть блок с контентом за пределы экрана, но не полностью, а оставить 50 пикселей. Я пробую это делать вот так:

var scw = $( window ).width() - 50;
    $(".contentlayer").toggle("slide", {direction: "right"}, function(){
        $(".contentlayer").css({"margin-left": scw+"px", "display":"block"});
    });

В представленном мною примере блок "contentlayer" здвигается за пределы экрана, но затем я его на 50 пикселей как бы выдвигаю.

Получается скачек. Возможно есть другой способ сделать то что мне нужно, так как все-таки toggle работает как спойлер, присваивая блоку display none

Для наглядности предлагаю посмотреть сайт: [перейти на сайт]1 Здесь нажав на кнопку меню слева будет срабатывать та анимация, которой посвящен данный вопрос

READ ALSO
Не видны элементы списка в выпадающем меню

Не видны элементы списка в выпадающем меню

Собственно, мой тестовый сайт на джумлаЕсли уменьшить монитор, то менюшка прячется и должна выпадать по клику на иконку списка

270
Выпадающее по клику меню на мобильном

Выпадающее по клику меню на мобильном

Подскажите, пожалуйста, как реализовать подменю на мобильном, открывающееся по клику?

283
Скролинг и фиксация блока

Скролинг и фиксация блока

Есть два блока меню и контент

226
Определение ширины подключаймого шрифта в iphone

Определение ширины подключаймого шрифта в iphone

Столкнулся с нетривиальной проблемой причиной которой стали подключаемые шрифты и ios

257