d0ublezer0
-
Posts
784 -
Joined
-
Last visited
-
Days Won
2
d0ublezer0's Achievements
-
как можно сделать видимый scale на элементах внутри overflow:scroll?
d0ublezer0 posted a question in HTML Coding
Привет. Помогите советом: есть ли какой-то трюк с расположением элементов внутри скролл-контейнера, чтобы при наведении и увеличении они не обрезались родителем? https://codesandbox.io/s/scroll-and-scale-yv3kq0?file=/src/App.js Можно и не внутри контейнера, но главное, чтобы лишнее скроллилось, а при наведении не обрезалось. -
Как это сделано? Битрикс, hover, фиксация.
d0ublezer0 replied to d0ublezer0's question in HTML Coding
Фиксированная высота родителя делает свое дело. Вопрос снят. -
Привет! Не соображу, как сделано так, что при наведении на карточку в каталоге появляется блок добавления в корзину, но высота родительского блока не меняется. Вернее, сетка не расползается. Как это сделано? https://mirbelia.ru/catalog/nizhnee_bele/
-
Неа. Проблема, похоже, в фиксированной высоте псевдоэлемента. А как сделать его масштабируемым пропорционально?
-
привет. геометрия.онлайн на главной странице слайдер с наложенным фоном на псевдоэлемент почему-то не тянется фон при масштабировании страницы. почему?
-
Как сверстать шестиугольный тянущийся блок?
d0ublezer0 replied to d0ublezer0's question in HTML Coding
Да, пожалуй, перемудрил я с clip-path для однотонного шестиугольника с зафиксированным размером. Вот тут не соглашусь - при масштабировании одного SVG расстояние от рамки до фона будет изменяться, что недопустимо. -
Как сверстать шестиугольный тянущийся блок?
d0ublezer0 replied to d0ublezer0's question in HTML Coding
Сделал. Обновил pen: https://codepen.io/d0ublezer0/pen/bGpqgKY Все же, размер фигуры получится фиксированный, но это не страшно. Можно несколько размеров для популярных разрешений выставить. Вопрос к знатокам: насколько примененное решение стабильно? -
Клиенту надизайнили вот такой макет. Не понимаю, как верстать. Белую область еще примерно понимаю, как можно сделать из трёх частей. Верх и низ бордюрами по методам треугольника, центр - обычный прямоугольник. А вот золотую рамочку - как? И тянуться оно должно вертикально, завися от наполненности Ещё занятно то, что левый край фигуры выходит за сетку. Это видно по левой границе текста. https://codepen.io/d0ublezer0/pen/bGpqgKY вот что удалось сверстать что не нравится: придется ловить значения бордюра для разных разрешений, чтобы попасть в ширину блока ну и рамочку так и не смог запилить. UPD: добрался до clip-path Более-менее. но не уверен как с поддержкой браузерами. Может, есть бронебойное решение? https://codepen.io/d0ublezer0/pen/qBZrrEb С рамочкой пока бессилен.
-
Никак )) Я некорректно описал задачу. Точнее, пытался решить ее иначе.
-
Мне нужна была даже не столько сама тень, сколько визуальное отделение кнопок друг от друга. В итоге я использовал еще один псевдоэлемент, и навесил на него полупрозрачный градиент. https://jsfiddle.net/g0x7aj2v/
-
тогда проще отказаться от тени. мне были нужны "угловые" кнопки градиентным фоном и тенью что-то такое:
-
https://jsfiddle.net/a8s1yxeq/ хочу сделать угол у переключателей с тенью, но псевдоэлемент получается над основным и тень видно слева. А запихнуть ниже не удается. Это возможно?
-
Не выбирается динамический объект по классу
d0ublezer0 replied to d0ublezer0's question in JavaScript
UPD: ошибка: #sizes_table вместо #_sizes_table Вопрос снят -
https://jsfiddle.net/d0ublezer0/vd6fe2zs/ Такое дело. Содержимое таблицы заполняется автоматически из массива, основываясь на доступных опциях радио-списка со страницы.то есть, все строки создаются динамически через append При клике на строку, она принимает класс selected. Задача - получить атрибут "for" при клике на кнопку "выбрать размер". Как ни пробовал, выбранная строка не возвращается в виде объекта. Помимо варианта в примере, пробовал так: jQuery("#sizes_table tr.selected").first() Что я сделал не так?
-
form.addClass("cart-product-adding"); btn.prop("disabled", true).text("Минутку"); // тут идет AJAX вызов и ждем ответ. после него изменяем статус кнопки и формы form.removeClass("cart-product-adding").addClass("cart-product-added"); btn.text('Готово').delay(200); form.removeClass("cart-product-added"); btn.text('В корзину').delay(1000).prop("disabled", false); Это логика формы добавления в корзину. Задача показать процесс добавления, пока ajax не вернет ответ. Сообщить об этом и поменять вид кнопки обратно по завершении обработки. Почему не работает delay в этом случае? Всё без остановки пролетает на последних четырех строчках UPD: нашел. потому что нужно использовать setTimeout