Size: a a a

2020 August 28

Ri

Roman 🚀 ilin in Frontend_ru
Кому лень перепечатывать ^.{1,50}\b
источник

Ri

Roman 🚀 ilin in Frontend_ru
/us надо )
источник

DG

D G in Frontend_ru
Попытаю удачу второй раз
Господа верстальщики, подскажите, как исправить дерганье страницы при hover на левый Box (Man), когда скрол страницы в положении, как на фото
https://consilio1.netlify.app/

Правая сторона при наведении не дергает страницу, а левая - скролит вверх
Вероятнее всего это связано с display: block, добавляющимся Menu (у которого по умолчанию display none)
источник

VA

Vladislav Altyncev in Frontend_ru
D G
Попытаю удачу второй раз
Господа верстальщики, подскажите, как исправить дерганье страницы при hover на левый Box (Man), когда скрол страницы в положении, как на фото
https://consilio1.netlify.app/

Правая сторона при наведении не дергает страницу, а левая - скролит вверх
Вероятнее всего это связано с display: block, добавляющимся Menu (у которого по умолчанию display none)
.cOmAHn:hover {
 margin: -1px;
 border: 1px solid rgba(255, 255, 255, 0.5);
}

при ховере надо добавлять не border, а лишь менять border-color.
border надо прописать к .cOmAHn с transparent цветом.
и при ховере менять цвет бордера
источник

S

Syntax Highlight Bot in Frontend_ru
Vladislav Altyncev
.cOmAHn:hover {
 margin: -1px;
 border: 1px solid rgba(255, 255, 255, 0.5);
}

при ховере надо добавлять не border, а лишь менять border-color.
border надо прописать к .cOmAHn с transparent цветом.
и при ховере менять цвет бордера
источник

АА

Андрей Андрей... in Frontend_ru
D G
Попытаю удачу второй раз
Господа верстальщики, подскажите, как исправить дерганье страницы при hover на левый Box (Man), когда скрол страницы в положении, как на фото
https://consilio1.netlify.app/

Правая сторона при наведении не дергает страницу, а левая - скролит вверх
Вероятнее всего это связано с display: block, добавляющимся Menu (у которого по умолчанию display none)
Меняй высоту + добавить транзит...
источник

DG

D G in Frontend_ru
Андрей Андрей
Меняй высоту + добавить транзит...
Вот мне это не о чем не говорит, пожалуйста, если можно подробнее?
источник

DG

D G in Frontend_ru
Vladislav Altyncev
.cOmAHn:hover {
 margin: -1px;
 border: 1px solid rgba(255, 255, 255, 0.5);
}

при ховере надо добавлять не border, а лишь менять border-color.
border надо прописать к .cOmAHn с transparent цветом.
и при ховере менять цвет бордера
А что не так с margin: -1px и border: 1px?
источник

VA

Vladislav Altyncev in Frontend_ru
D G
А что не так с margin: -1px и border: 1px?
margin не увидел. но менять цвет всё же лучше.
не так то, что у тебя дёргается экран. ты и границу добавляешь ещё и сдвигаешь при этом.
источник

DG

D G in Frontend_ru
Vladislav Altyncev
margin не увидел. но менять цвет всё же лучше.
не так то, что у тебя дёргается экран. ты и границу добавляешь ещё и сдвигаешь при этом.
Лучше тут относительно, если трансишн не делать, то и так работать будет
источник

VA

Vladislav Altyncev in Frontend_ru
D G
Лучше тут относительно, если трансишн не делать, то и так работать будет
делайте как хотите. я предложил вариант решения вашей проблемы. не нравится/ не подходит, ищите другие варианты
источник

VA

Vladislav Altyncev in Frontend_ru
вы же удачу пытаете
источник

DG

D G in Frontend_ru
Vladislav Altyncev
делайте как хотите. я предложил вариант решения вашей проблемы. не нравится/ не подходит, ищите другие варианты
Вы читали мой вопрос? Это не решение моей проблемы, просто сторонние косяки. Там дерганье страницы больше чем несколько пикселей, занимающих border...
источник

VA

Vladislav Altyncev in Frontend_ru
👌
источник

АА

Андрей Андрей... in Frontend_ru
D G
Попытаю удачу второй раз
Господа верстальщики, подскажите, как исправить дерганье страницы при hover на левый Box (Man), когда скрол страницы в положении, как на фото
https://consilio1.netlify.app/

Правая сторона при наведении не дергает страницу, а левая - скролит вверх
Вероятнее всего это связано с display: block, добавляющимся Menu (у которого по умолчанию display none)
у тебя меняется высота блока на фоне при ховере  с другой  высотой,  чтоб убрать дьерганье можно або ограничить блок или можно добавить анимацию посмотри  про транзитион :)
источник

DG

D G in Frontend_ru
Андрей Андрей
у тебя меняется высота блока на фоне при ховере  с другой  высотой,  чтоб убрать дьерганье можно або ограничить блок или можно добавить анимацию посмотри  про транзитион :)
Спасибо
источник

VA

Vladislav Altyncev in Frontend_ru
картинка же фоном. причет тут высота?
источник

АА

Андрей Андрей... in Frontend_ru
D G
Спасибо
не за что,  могу подробнее расписать но учись гуглить:)
источник

DG

D G in Frontend_ru
Андрей Андрей
не за что,  могу подробнее расписать но учись гуглить:)
Только один момент, картинка с тем же src и если убрать вообще background-image, то дергается всё равно
источник

DG

D G in Frontend_ru
Не дергается, если у Menu на hover Box не навешивать  display: block
источник