Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Свернутая панелька по умолчанию (https://javascript.ru/forum/misc/76796-svernutaya-panelka-po-umolchaniyu.html)

sky123 14.02.2019 19:27

Свернутая панелька по умолчанию
 
Здраствуйте. Помогите пожалуйста сделать автоматическое сворачивание страницы после обновления странички =) Панелька выезжает сейчас но мне надо ее наоборот свернуть и чтобы выезжала только по клику:help: :help: :help: :help: :(

https://plnkr.co/edit/muDCwXmg78ss8LiNGdZ5?p=preview

laimas 14.02.2019 19:58

В стилях меню сделать левую позицию отрицательную, а в css анимации увеличивать ее. Насколько я понял там все через CSS.

sky123 14.02.2019 20:09

Цитата:

Сообщение от laimas (Сообщение 503634)
В стилях меню сделать левую позицию отрицательную, а в css анимации увеличивать ее. Насколько я понял там все через CSS.

:help: Ну не знаю, вроде в menu.js можно настроить но конкретно где даже не знаю, параметров очень много:(

laimas 14.02.2019 20:16

Цитата:

Сообщение от sky123
Ну не знаю, вроде в menu.js можно настроить но конкретно

Судя по описанию опций, такого параметра нет. А анимация его вся прописана в css управляемая через добавление/удаление имени класса body.

sky123 14.02.2019 20:17

Цитата:

Сообщение от laimas (Сообщение 503636)
Судя по описанию опций, такого параметра нет. А анимация его вся прописана в css управляемая через добавление/удаление имени класса body.

Интересно как -) вот это заморочился разработчик:blink:

laimas 14.02.2019 20:29

Цитата:

Сообщение от sky123
Интересно как

expand: function () {
      $("body").removeClass('sidebar-collapse').addClass('sidebar-expanded-on-hover');
    },
    collapse: function () {
      if ($('body').hasClass('sidebar-expanded-on-hover')) {
        $('body').removeClass('sidebar-expanded-on-hover').addClass('sidebar-collapse');
      }
    }


А в отладчике браузера смотреть какие стили меню будут у .sidebar-mini.sidebar-collapse и без.

sky123 14.02.2019 20:45

Цитата:

Сообщение от laimas (Сообщение 503638)
expand: function () {
      $("body").removeClass('sidebar-collapse').addClass('sidebar-expanded-on-hover');
    },
    collapse: function () {
      if ($('body').hasClass('sidebar-expanded-on-hover')) {
        $('body').removeClass('sidebar-expanded-on-hover').addClass('sidebar-collapse');
      }
    }


А в отладчике браузера смотреть какие стили меню будут у .sidebar-mini.sidebar-collapse и без.

а где этот скрипт поставить?:-?

laimas 14.02.2019 20:58

Цитата:

Сообщение от sky123
а где этот скрипт поставить?

Нигде, это ответ на вопрос "как делается", и это взято из скрипта вашего меню. Эти две функции как раз добавляют/удаляют указанный класс body.

sky123 14.02.2019 21:19

Цитата:

Сообщение от laimas (Сообщение 503640)
Нигде, это ответ на вопрос "как делается", и это взято из скрипта вашего меню. Эти две функции как раз добавляют/удаляют указанный класс body.

у меня пока идей больше нет как это можно свернуть, я уже что только не пробовал, ппц какой то:(

laimas 14.02.2019 21:23

Цитата:

Сообщение от sky123
у меня пока идей больше нет

Со стилями разбирайтесь, все в них.


Часовой пояс GMT +3, время: 19:43.