jQuery - боковая панель, которая скользит внутрь, и удерживает ширину окна

Я пытался понять это, но я еще не справился ... Поэтому я прошу вас о помощи!jQuery - боковая панель, которая скользит внутрь, и удерживает ширину окна

Что я хочу сделать: когда пользователь нажимает кнопку, боковая панель отображается или скрыта. Содержимое должно следовать, скользить в том же направлении, что и боковая панель, и пользователь не должен видеть переполнение y.

Это в основном то, что я хочу сделать: http://mikedidthis-pierre.tumblr.com/

Спасибо заранее! Приветствия

источник

2013-08-07 user2362529

Что ты попытки до сих пор? Лучше всего включить некоторую разметку, показывающую, что вы сделали попытку сделать это самостоятельно, поэтому не похоже, что вы просите нас сделать эту работу за вас. –

Так что в основном это: http://jsfiddle.net/D3H68/ –

Хорошо, спасибо за помощь! – user2362529

Создать кнопку, которая будет переключать меню:

var menuEnabled = false; 

$("button").click(function() { 
    if (menuEnabled) { 
     $("#left").css("display", "none"); 
     $("#content").css("margin-left", "0"); 
     menuEnabled = false; 
    } else { 
     $("#left").css("display", "block"); 
     $("#content").css("margin-left", "200px"); 
     menuEnabled = true; 
    } 
});

Полный демо здесь: http://jsfiddle.net/YwRSb/4/

источник

2013-08-07 19:17:11 Jon

Спасибо за ваш ответ mrkou. Это в значительной степени то, что я уже получил, забыл упомянуть об этом. Но я хочу, чтобы контент перемещался прямо, когда боковая панель отображается слева, и в то же время я не хочу, чтобы горизонтальная прокрутка была включена. Как мне это сделать? Еще раз спасибо – user2362529

Нет проблем. Я обновил скрипку. Это то, что вы ищете? – Jon

Извините, что беспокою вас снова, но я не могу заставить его работать proberly. – user2362529

jQuery - боковая панель, которая скользит внутрь, и удерживает ширину окна

ответ

Смежные вопросы