Исправлен заголовок во время прокрутки

Question

Я использую сценарии jquery, чтобы мой заголовок оставался зафиксированным во время прокрутки. Но на данный момент это анимация, и это отвлекает. Есть ли способ изменить сценарий, чтобы он не анимировался?

JQuery;

<script type="text/javascript">
$().ready(function() {

        var $scrollingDiv = $("#header");

        $(window).scroll(function(){            
            $scrollingDiv.stop().animate({"marginTop": ($(window).scrollTop() + 0) + "px"}, "fixed" );          
        });
    });


</script>

Html;

<div id="header">Content</div>

Answer 1

Посмотрите на ссылку ниже, как простое решение вашей проблемы.

http://www.cssplay.co.uk/layouts/basics2.html

EDIT: Также решение по вышеуказанной ссылке должно быть совместимо с браузерами

Answer 2

Добавить к стилю заголовка position:fixed;.