ows.nightwolf

Пользователь
  • Публикации

    119
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    9

Последний раз ows.nightwolf выиграл 19 апреля

Публикации ows.nightwolf были самыми популярными!

Репутация

27 Положительная

О ows.nightwolf

  • Звание
    Участник
  • День рождения 05.04.1991

Информация

  • Пол
    Мужчина
  • Откуда
    Минск

Контактная информация

  • Skype
    nightwolf4343

Посетители профиля

1 165 просмотров профиля
  1. overflow-y: visible не работает если overflow-x: hidden

    Спасибо всем за помощь, что в итоге: Исходя из спеки: если у элемента одно из свойств overflow-x или overflow-y установлено в visible, а второе из этих свойств в любое значение отличное от visible, то для второго значение автоматически считается установленным в "auto". Т.е. как ни пытайся, а заставить выходящих за пределы родителя по одной оси детей обрезаться, а по другой оси показываться - ничего не получится, будет либо автоматически скролл у родителя добавляться, либо нужно создавать создавать два вложенных враппера, у одного из которых будет overflow-x: hidden, например, а второму выставлять фиксированную высоту. Т.к. ни один из этих вариантов мне не подходит, пришлось идти другим путем и менять принцип действия моего компонента, чтобы избавится от надобности применять к нему overflow: hidden.
  2. overflow-y: visible не работает если overflow-x: hidden

    Да, спасибо большое, действительно нашел по этой теме и на stackowerflow и на нашем форуме ответы. Например, в этой теме содержится нужная информация https://htmlforum.io/topic/55822-overflow-ogranichivaet-absolyutnyiy-blok/ Благодарю, этот вариант подойдет если заранее известны высота и/или ширина контейнера, у меня же они динамические.
  3. overflow-y: visible не работает если overflow-x: hidden

    Хочу добиться того чтобы контейнер выпадающего списка (коим в реальном проекте и является абсолютно позиционированный красный элемент) визуально отображался поверх объекта .carousel, а не внутри него. Это можно было бы сделать если поместить абсолютно позиционированный элемент за пределы карусели, дать ему position: fixed или absolute и потом js ом задать нужные координаты, но у меня нет возможности так сделать т.к. этот элемент создается плагином (jquery-nice-select). Должно работать точно так же как если в примере раскомментить строку в css файле которую я закомментил, и там еще подписал что если ее раскомментить то все будет работать как надо (If you uncomment this property - scrollbar disappears), с одним отличием - по оси X контент не должен выходить за пределы контейнера (в примере этого не видно, но т.к. overflow-x: visible - контент будет видим по оси X)
  4. overflow-y: visible не работает если overflow-x: hidden

    Насколько я вижу это все просто заставляет скроллбар не отображаться, но не оказывает влияния на то как элемент ведет себя. Мне же нужно чтобы все выглядело так, как выглядит когда элементу .carousel задаешь overflow: visible, но в этом случае есть один момент - контент будет вылазить за пределы карусели и по оси X (по горизонтали), а мне это не нужно.
  5. overflow-y: visible не работает если overflow-x: hidden

    Спасибо за предложенный вариант, но насколько я вижу тут абсолютно позиционированный элемент обрезается (ну вернее у его родителя добавляется скролл бар и т.п.), а нужно чтобы абсолютно позиционированный элемент не оказывал влияния на родительские элементы (не добавлял им скроллбары) и мог вылазить за пределы его контейнеров если он в них не помещается.
  6. overflow-y: visible не работает если overflow-x: hidden

    Спасибо Да, действительно, я упустил position: relative, и после ее добавления оба примера начинают выглядеть одинаково изначально (обрезаются). Но основная проблема осталась - нужно чтобы все что выходит за пределы элемента по оси X обрезалось, а все что выходит за пределы по оси Y - отображалось. Я обновил описание проблемы и тему беседы, может так меньше будет взрывать мозг
  7. Всем доброго времени суток У меня возникла проблема с overflow. Вот упрощенный пример, для того чтоб "потрогать" проблему. В этом примере есть контейнер, и в нем абсолютно позиционированный элемент. Контейнеру заданы свойства overflow-x: hidden и overflow-y: visible для того чтобы все что вылазит за пределы контейнера по оси X скрывалось, а все что вылазит по оси Y - показывалось, при этом скролл на компоненте отображаться не должен. Но эта связка не работает (как видно на примере - у контейнера появляется скролл бар), однако если у контейнера изменить overflow-x c hidden на visible все работает как надо - скролл бар пропадает и абсолютно позиционированный элемент становится полностью видим, вылазя за пределы контейнера. Вопрос: почему браузеру есть разница установлен ли overflow-x в visible если контент внутри карусели выходит за пределы карусели по оси Y, а не X, и как решить эту проблему?
  8. Добавление товара в корзину и удаление

    Если вы про свойство numberProduct у экземпляров класса Product, то оно у каждого из этих классов свое (не общее) и соответственно увеличивается на один у каждого из этих экземпляров т.к. вы в addProduct передаете каждый раз новый экземпляр класса Product. Возможно, вам нужно объявить это свойство как static и обращаться к нему через self для получения ожидаемого эффекта.
  9. помогите, пожалуйста, с меню

    Вы задаете padding для td в котором лежит a. Делайте наоборот - задавайте padding для a. Кроме того для того чтоб padding применился надо для a задать display: block или display: inline-block; https://jsfiddle.net/50opwxmr/
  10. не корректная работа transition

    Создайте, пожалуйста, пример в одной из песочниц (например, jsbin), т.к. не видя примера сложно что-то подсказать.
  11. Остановка всплытия

    Не очень понял проблемы, т.к. судя по написанному коду вроде все должно работать. Создайте рабочий пример на котором воспроизводится проблема в какой-нибудь песочнице (например, на jsbin. Чтоб подключить там jQuery - используйте кнопку Add library слева вверху).
  12. Chrome: сбрасываются стили при сворачивании видео

    @Igor Schnaider: спасибо, помогло
  13. Всем доброго времени суток. В процессе работы над очередным проектом столкнулся с проблемой: есть элемент video, который расположен внутри элемента для которого заданы transform: translateX и transition. Если перейти в полноэкранный режим видео, а потом его свернуть (вернуть в нормальный режим), то родительский контейнер анимируется. Копаясь в консоли разработчика обнаружил, что на время полноэкранного режима для всех родителей тега video сбрасываются некоторые css стили (в т.ч. transform и transition), что похоже и приводит к появлению анимаций после выхода из fullscreen. Применение флага important к моим стилям результата не принесло (кроме того что после этого еще и само видео при переходе в полноэкранный режим начало анимироваться). Прошу помочь мне разобраться с этим нелегким делом. Пример проблемы: https://codepen.io/ows_nightwolf/pen/mmeByp
  14. ows.nightwolf

  15. Как растянуть фоновое изображение

    В дополнение к alejandro13: Исключение - векторные изображения (svg). Они маштабируются без потерь качества, но подходят только если у вас сравнительно простое изображение (фотку в векторе не сохранишь)