адаптивно, с использованием rem и calc root font-size, в результате получается так, что при ресайзе страницы мой текущий контент улетает вниз. Причиной является то, что контент увеличивается в размере, а скрол не смещается
В итоге при масштабе 100% у меня курсор находится на колонке №6, но из-за того, что font size увеличился, то при зуме этот же размер уже занимают только 2 колонки.
Пример можно посмотреть здесь. Синим колонкам заданы фиксированные значения, а красным адаптивные. Если зумить синие, то никаких проблем нету, а вот красные улетают:
https://codepen.io/Net555/pen/zYwMQeB
Как это пофиксить? Есть ли способ исправить это через css или онли джс? Пробовал накидывать event на resize и прибавлять определенный коеф к window.scrollTo, но не смог норм формулу вывести, чтобы криво не было
Ну можно поиграть в https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor Те кто юзают ремы для всего подряд сами себе враги)
увы. перебрал все свойства, 0 импакта(
я правильно понял, что у меня лично проблема сейчас отсутствует ?
так да. проблема при ctrl + "+/-/mouseScroll"
всо ещё не вижу проблемы (
хотя нет. Я ошибся. у тебя дело в том, что ты не опустил скрол пониже. Поэтому то и не видишь эффекта
Стикер
а.. это такое поведение по умолчанию. чтобы сменить то как по умолчанию надо поиграть с overflow-anchor например на боди элементе или там на html
я пробовал, не помогло
Обсуждают сегодня