регулировка смещения полосы прокрутки?

Question

Есть ли способ предотвратить вертикальную полосу прокрутки от нажатия на ваш контент?

У меня есть страница, которая изменяет высоту на основе разных входов, а полоса прокрутки толкает мой контент туда и обратно каждый раз, когда вход переключается (содержимое центрируется).

Ive пытался настроить это с помощью css и немного jquery, но, похоже, не имеет никакого эффекта. Я не хочу скрывать полосы прокрутки или делать это так, чтобы полосы прокрутки всегда были видны.

кажется, что это можно настроить с помощью javascript или jquery. Херес jsFiddle и Heres мой код:

<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 scroll offset, но не уверен.

Answer 1

Добавить overflow:scroll в стиль элемента кузова. Это заставит браузер отображать полосы прокрутки независимо от того, переполняется контент или нет.