прокручиваемый div, прыжок содержимого при появлении полосы прокрутки (! not! html или body) (и только с css)

Question

У меня проблема с переходом содержимого в прокручиваемом элементе div (overflow-y: auto).вопрос НЕ в том, как решить эту проблему для html-страницы или элементов тела, на которые указывают все «решения».Мне нужен один для прокручиваемого div с динамическим содержимым.полоса прокрутки тоже не всегда должна быть видимой (поэтому overflow-y: scroll недопустим).а также это должно быть исправлено только css.У меня есть скрипка для этого:

[http://jsfiddle.net/4n1au2Ly/][1]

там вы можете вертикально уменьшить панель вывода, чтобы увидеть появившуюся полосу прокрутки и движущийся контент.Итак, как это исправить?большое спасибо:)

Answer 1

Только CSS решение этой проблемы просто не существует.Вы должны полагаться на JavaScript для достижения этой цели.Чтобы сделать это с помощью JavaScript:

1. Прослушивание загрузки страницы (DOMContentLoaded) и resize событие.
2. Установите ширину для div в абсолютных пикселях.
3. Всякий раз, когда вышеуказанные события запускаются, пересчитайте ширину div и установите для нее родительскую ширину, а также вычтите разумное значение по умолчанию для полосы прокрутки, скажем, 20px.

Answer 2

Я вообще не понимаю вопроса, но могу ли overflow-y: auto; решить вашу проблему?