首页 » 前端 » jQuery » 正文

jQuery 当元素滚动到顶部后固定位置

发布者:站点默认
2012/09/26 浏览数(4,527) 分类:jQuery 评论(2)

效果说明:

在元素滚动到页面顶部的时候将其固定显示在顶部这个位置,效果如下:

元素滚动到顶部后固定位置

元素滚动到顶部后固定位置

jQuery代码:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function() {
    var elm = $('#pordAttr');
    var startPos = $(elm).offset().top;
    $.event.add(window, "scroll", function() {
        var p = $(window).scrollTop();
        $(elm).css('position',((p) > startPos) ? 'fixed' : 'static');
        $(elm).css('top',((p) > startPos) ? '0px' : '');
    });
});
</script>

<完>

点击返回顶部
  1. 留言
  2. 联系方式