滚动时固定标题

时间:2012-03-13 12:51:41

标签: jquery scroll fixed css-position

我正在使用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>

2 个答案:

答案 0 :(得分:1)

请查看以下链接,作为解决问题的简单方法。

  

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

编辑: 此外,上述链接的解决方案应该是跨浏览器兼容的

答案 1 :(得分:0)

添加标题position:fixed;的样式。