Я работаю над сайтом для клиента, и у нас есть следующие требования:
- Если ширина браузера превышает 960 пикселей, полоса прокрутки не отображается.
- Когда контент шире, чем браузер, но ширина браузера превышает 960, полоса прокрутки не отображается
- Если браузер имеет 960 пикселей, не показывать полосу прокрутки, когда это необходимо.
У меня есть следующий javascript, который отлично работает под ie, chrome, safari и opera, но умирает в FF, заставляя страницу «перезагружать» клиентскую часть (перерисовывает все элементы).
function sizeHandler(myWidth) {
if (myWidth > 960)
document.documentElement.style.overflowX = 'hidden';
else
document.documentElement.style.overflowX = 'auto';
}
Поскольку все, кажется, ставят под сомнение содержание, вот HTML:
<body>
<div id="flashContent">
<object...>
</object>
</div>
</body>
<script...>$(document).ready(sizeHandler(getWidth()));</script>
Не обращайте внимания на getWidth (), он работает, но я не хочу добавлять к этому еще 15 строк;). Тег объекта является флэш-объектом.