Есть ли способ предотвратить толчок вертикальной полосы прокрутки над вашим контентом?
У меня есть страница, которая изменяет высоту на основе разных входных данных, и полоса прокрутки толкает мой контент взад-вперед при каждом переключении входа (контент центрируется).
Я пытался настроить это с помощью css и небольшого количества jquery, но, похоже, ничего не дало. Я не хочу скрывать полосы прокрутки или делать так, чтобы полосы прокрутки всегда были видны.
кажется, что это можно отрегулировать с помощью javascript или jquery. Вот jsFiddle и вот мой код:
<center>
<div id="content-container">
<div id="img" style="left: 50%; position:fixed">
<img src="http://www.google.com/images/logos/ps_logo2.png" width="122">
</div>
<div id="panel" style="position:absolute;top:1950px; border:solid; widt:00px; ">
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div><!-- Panel -->
</div><!-- content -->
</div><!-- content-container -->
</center>
<script>
// On load panel slides in from bottom of page
$("#panel").delay(100).animate({
top: "150px"
}, 1000);
</script>
Я подумал, что, возможно, решение было бы использовать Смещение прокрутки Javascript , но я не уверен.