朝湓教育网

全部频道

您的当前位置：首页div当滚动到页面顶部的时候固定在顶部实例代码_javascript技巧

div当滚动到页面顶部的时候固定在顶部实例代码_javascript技巧

来源：朝湓教育网


本示例使用Javascript实现了滚动页面时，DIV到达顶部时固定在顶部。在IE下效果有点闪，效果网址：http://www.keleyi.com/keleyi/phtml/fixdiv.htm

下面是代码：
代码如下:



  • href="http://www.keleyi.com/menu/net/" target="_blank">.NET

  • Javascript

  • jQuery

  • C#

  • 其他

  • 首页





    • $(function () {
    var ie6 = document.all;
    var dv = $('#fixedMenu_keleyi_com'), st;
    dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离
    $(window).scroll(function () {
    st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
    if (st > parseInt(dv.attr('otop'))) {
    if (ie6) {//IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果
    dv.css({ position: 'absolute', top: st });
    }
    else if (dv.css('position') != 'fixed') dv.css({ 'position': 'fixed', top: 0 });
    } else if (dv.css('position') != 'static') dv.css({ 'position': 'static' });
    });
    });


    显示全文