Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

ArtJH

  • 50
    вклад
  • 172
    вопроса
  • 81
    ответ
  • 74%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Почему изображение выходит за пределы родительского блока?

    ArtJH @ArtJH
    Чтобы запретить выходить за пределы родителя, нужно задать ему свойство overflow: hidden

    .parent {
        overflow: hidden;
    }
    Ответ написан 24 июл. 2022
    1 комментарий
    1 комментарий
  • Автоматическое раскрываем меню, если присваиваем класс open, как реализовать нормальное раскрытие меню?

    ArtJH @ArtJH
    Решение:
    1) Удалите класс opencat
    2) Чтобы по умолчанию меню было открыто используйте атребут checked
    <input type="checkbox" name="group-1" id="group-1" checked>
    Ответ написан 12 июл. 2022
    1 комментарий
    1 комментарий
  • Как сделать чтобы одна секция шла после другой, и не накрывала её?

    ArtJH @ArtJH
    Нужно у обеих секции убрать свойство absolute. Тогда элементы сами по себе станут в ряд друг за другом
    Ответ написан 12 июл. 2022
    1 комментарий
    1 комментарий
  • Не появляется изображение?

    ArtJH @ArtJH
    Картинка не найдена, значит:
    1) не верный путь
    2) отпечатка в пути или в названии

    Попробуйте перепроверить путь и изменить на такой
    src="./images/button-next.svg"

    или так
    src="../images/button-next.svg"
    Ответ написан 12 июл. 2022
    Комментировать
    Комментировать
  • Как можно отследить скролл вниз или вверх, если height 100vh и overflow:hidden?

    ArtJH @ArtJH Автор вопроса
    Нашел решение

    $(window).bind('wheel', function(event) {
    			if (event.originalEvent.wheelDelta >= 0) {
    				console.log('Scroll up');
    			}
    			else {
    				console.log('Scroll down');
    			}
    		});
    Ответ написан более года назад
    4 комментария
    4 комментария
  • Что лучше использовать для скрытия меню при адаптиве?

    ArtJH @ArtJH
    Ну вы замудрили)
    Для скрытия\открытия используй css тот же display none + событие на клик(js)

    Не нужно для такой очень простой задачи подключать react.
    + вам не нужно удалять из DOM дерева, потом снова добавлять, чтобы открыть меню. Это будет лишний раз нагружать сайт
    Ответ написан более года назад
    2 комментария
    2 комментария
  • Как сверстать такую секцию?

    ArtJH @ArtJH
    в десктоп версии этим фоткам дай отрицательный марджин left или right
    а в мобилке верни его на 0
    Ответ написан более года назад
    4 комментария
    4 комментария
  • Как убрать либо кастомизировать background поля, после использования автозаполнения?

    ArtJH @ArtJH Автор вопроса
    Решение

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #fff !important;
    }
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как сравнить две даты из инпута, если они возвращают строки, например "20:30" и "22:30"?

    ArtJH @ArtJH Автор вопроса
    var hms = '02:04:33'; // your input string
    var a = hms.split(':'); // split it at the colons

    // minutes are worth 60 seconds. Hours are worth 60 minutes.
    var seconds = (+a[0]) * 60 * 60 + (+a[1]) * 60 + (+a[2]);

    console.log(seconds);
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Почему тег object не кликабельный, даже если повесить на его click через js?

    ArtJH @ArtJH Автор вопроса
    Ответ пользователя: @DanArst
    тег не кликабельный из-за политики CORS, браузером он воспринимается также как и iframe. Как вариант можно сделать overlay блок и уже на него вешать событие onclick
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как найти внутренний элемент у определенного родителя, аналог find() в jq?

    ArtJH @ArtJH Автор вопроса
    https://developer.mozilla.org/ru/docs/Web/API/Docu...
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как сделать так что после скролинга страницы и перезагрузке страницы, сайт всегда отображался с верху(начала), а не с того блока где был скролл?

    ArtJH @ArtJH Автор вопроса
    window.onload = function () {
    /*
    * Что делает: После загрузки страницы скролит ее в самый вверх
    * Для чего: Чтоб не ломалась анимация lax.js на главной странице
    * */
    document.body.classList.add('loaded_hiding')
    window.setTimeout(function () {
    document.body.classList.add('loaded')
    document.body.classList.remove('loaded_hiding')
    document.body.classList.remove('overflowAll')
    }, 500)
    $('html, body').animate({scrollTop: 0}, 50)
    }
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как сделать такой календарь? Есть похожие плагины?

    ArtJH @ArtJH Автор вопроса
    Есть смена языка
    https://longbill.github.io/jquery-date-range-picker/
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как убрать дефолтную кнопку play в теге video на ios safari?

    ArtJH @ArtJH Автор вопроса
    Нашел решение:

    *::-webkit-media-controls-panel {
      display: none!important;
      -webkit-appearance: none;
    }
    
    /* Old shadow dom for play button */
    
    *::-webkit-media-controls-play-button {
      display: none!important;
      -webkit-appearance: none;
    }
    
    /* New shadow dom for play button */
    
    /* This one works! */
    
    *::-webkit-media-controls-start-playback-button {
      display: none!important;
      -webkit-appearance: none;
    }
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Есть gif с анимацией иконки, можно ли сделать так чтоб ее включать при hover?

    ArtJH @ArtJH Автор вопроса
    Можно сделать и сделал
    Тут помогли
    https://stackoverflow.com/questions/5818003/stop-a...
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как подружить fancybox и swiper?

    ArtJH @ArtJH Автор вопроса
    При зацикленном прокручивании не нашел решения исправить баг
    Единственное решение это не делать его зацикленным
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Почему при указании минимальной высоты, блоки внутри блока с высотой в процентах теряют вообще свою высоту?

    ArtJH @ArtJH
    Проблема с height: 100%, проявляющаяся, когда у родительского элемента не установлен height, но указан min-height
    Вам необходимо установить height: 1px для родителя, чтобы дочерний элемент смог занять всю высоту указанную в min-height.
    .parent {
        min-height: 300px;
        height: 1px; /* Требуется, чтобы дочерний блок взял высоту 100% */
    }
    
    .child {
        height: 100%;
    }


    2) Чтобы блок занимал всю высоту экрана задайте ему
    .block{
    height: 100vh;
    }


    Чтобы блок занимал весь экран, по ширине и высоту, то задайте ему
    .block{
    height: 100vh;
    width: 100vw;
    }
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как прижать текст к низу блока?

    ArtJH @ArtJH
    .container {
        display: flex;
        justify-content: space-between;
        position: relative;
        width: 100%;
        height: 150px;
        align-items: flex-end;
    }


    используй align-items: flex-end;
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как быстро начать верстку?

    ArtJH @ArtJH
    1) Если новичок то делай вручную, чтоб лучше знать
    2) Если уже понимаешь, что можешь сэкономить время, то напиши один раз стартовый шаблон, там подключи css, js. И потом когда будут проекты, можешь его брать и сразу быстро начинать верстку
    3) Почитай также про сборщики webpack или gulp
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как адаптировать изображения в блоке?

    ArtJH @ArtJH
    max-width: 100%
    background-size: cover;
    object-fit: coder;
    Ответ написан более двух лет назад
    9 комментариев
    9 комментариев
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • 5
  • Следующие →
Самые активные сегодня
  • puzaka
    • 10 ответов
    • 0 вопросов
  • Dr. Bacon
    • 8 ответов
    • 0 вопросов
  • sergey-gornostaev
    Сергей Горностаев
    • 6 ответов
    • 0 вопросов
  • Дмитрий Л
    • 6 ответов
    • 0 вопросов
  • mayton2019
    • 6 ответов
    • 0 вопросов
  • MoralGray
    MoralGray
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации