Google Gears имеет встроенную sqlite базу данных - но необходимо будет удостовериться, чтобы людям установили его, если Вы планируете полагаться на него.
В зависимости от Ваших обстоятельств, можно быть в состоянии осуществить установку, иначе необходимо рассматривать ее как хорошее, чтобы, но иметь постепенное ухудшение так, чтобы сайт все еще работал, если она не установлена.
Если у вас нет очень сложного содержимого внутри вашего # fixed-element, обработчик onscroll javascript будет работать просто отлично.
<script type="text/javascript">
function handleScroll()
{
document.getElementById('fixed-element').style.top = "-"+document.body.scrollTop+"px";
}
</script>
Попробуйте и посмотрите, работает ли он для вашего контента. Как сказал Майк, я не думаю, что существует единственный способ сделать это с помощью CSS.
Без использования JavaScript вы можете использовать вложенные div со свойствами переполнения:
Вложите две строки div внутри родительского div. Ваша горизонтальная полоса прокрутки должна располагаться в нижнем вложенном div (ваш верхний вложенный div не должен иметь горизонтальной полосы прокрутки). Ваша вертикальная полоса прокрутки будет от вашего родительского div (ваши вложенные div не будут иметь вертикальных полос прокрутки).
Затем, если кто-то прокручивает вертикально, прокручиваются оба вложенных div. Если кто-то прокручивает горизонтально, будет прокручиваться только нижний вложенный div (верхний вложенный div будет отображаться фиксированным).