• 0
XopicT

Почему боковое меню не заезжает обратно?

Вопрос

Здравствуйте. Вот такая проблема. Слайдер красиво выезжает, а при повторном клике просто пропадает. Как сделать так что бы он красиво выезжал и так же красиво заезжал?)
https://jsbin.com/yuyawic/1/edit?html,css,js,output

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

2 ответа на этот вопрос

Рекомендуемые сообщения

  • 0

У вас задано `transition: left 0.3s;`, плавное изменение будет только у свойства left, а про прозрачность ничего не сказано, следовательно, слайдер будет моментально исчезать, когда opacity возвращается в ноль.

Может сделать так `transition: 0.3s;` — будут плавно меняться все свойства (все допустимые свойства). Или точечно — `transition: left 0.3s, opacity 0.3s;`

  • Thanks 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
37 минут назад, mrnobody сказал:

У вас задано `transition: left 0.3s;`, плавное изменение будет только у свойства left, а про прозрачность ничего не сказано, следовательно, слайдер будет моментально исчезать, когда opacity возвращается в ноль.

Может сделать так `transition: 0.3s;` — будут плавно меняться все свойства (все допустимые свойства). Или точечно — `transition: left 0.3s, opacity 0.3s;`

Спасибо Большое!)помогло)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас


  • Похожие публикации

    • Автор: Odinokiy_volk
      Привет! Подскажите как наложить нижнее синее облако поверх формы что справа.. 
      Пробовал позиционировать этот фон относительно body и  других контейнеров, мало того что не получилось расположить поверх формы так он ещё и обрезается, а он должен быть резиновым.. Пробовал поставить z-index выше относительно самой формы, body, а также других элементов но также ничего не вышло.. Пробовал эксперименты с opacity - тоже не помогает..
      Для элементов формы применяется абсолютное позиционирование, видимо это не дает вытащить синий фон поверх нее, но должно же быть решение

    • Автор: XopicT
      Каким образом мне переместить последнего человечка в начало слайдера при клике на стрелку? То есть, когда я нажимаю "дальше", последняя картика пропадает и появляеться в начале слайда, а остальніе смещаються вправо.

    • Автор: Serg_ostr
      Здравствуйте, уважаемые форумчане.
      Очень Нужна ваша помощь, Подскажите пожалуйста.

      Есть функция - jbcallme(), вызываемая следующим образом (вызываемая по нажатию class= demo1) :
      $(document).ready(function() {
        $(function() {
        $('.demo1').jbcallme();
        });
        alert( "Привет" );
      });
      Функция лежит в другом файле.
      —————
      При нажатие на  ссылку срабатывает функция jbcallme(), содержащий класс demo1:
         <a class="demo1" name="nave">Тестирование</a>

      ————————————--
      Проблема в том, что функция JS  jbcallme() работает только при нажатие на "Тестирование".

      Нужно, чтобы функция $('.demo1').jbcallme(); вызывалась сама после загрузки страницы через определенное время (таймер), а не по нажатию на кнопку, ссылку, блок или что-то еще.
      Пробовал через setTimeout. Но как ее применить в данном случаи? И сделать чтобы эта функция просто выводилась без обязательного нажатия на селектор (class="demo1")? Если просто вставить setTimeout или что-то подобное то функция будет по-прежнему срабатывать только по нажатию на ссылку (тестирование)

        $(document).ready(function() {
         setTimeout($(function() {
            $('.demo1').jbcallme();
          }) , 500);
      });
      По прежнему работает только по нажатию клавиши с <a class="demo1" name="nave">Тестирование</a>
      Подскажите пожалуйста, как это можно реализовать?

      Заранее, большое спасибо.

Карта разработчиков

Карта участников

Отметь себя на карте для поиска или предложения работы