用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - css代码库

title随着页面滚动而滚动到相应的位置

2013-06-27 作者: 云代码会员举报

[css]代码库

$(".fuwu_dh a").live('click', function () {
 
        $(".fuwu_dh a").removeClass('fuwu_xuanz');
 
        $(this).addClass('fuwu_xuanz');
//判断ie6
 
        var arVersion = navigator.appVersion.split("MSIE");
 
        var version = parseFloat(arVersion[1]);
       if (version < 7.0) {}
 
  
 
 
        var fysm = $(".fysm").offset().top;
 
        var lcsm = $(".lcsm").offset().top;
 
        var fwbz = $(".fwbz").offset().top;
 
        var faq = $(".faq").offset().top;
 
 
 
 
        if ($(this).attr("id") == "fysm") {
 
            $('body,html').animate({ scrollTop: fysm }, 500);
 
        }
 
        if ($(this).attr("id") == "lcsm") {
 
            $('body,html').animate({ scrollTop: lcsm }, 500);
 
        }
 
        if ($(this).attr("id") == "fwbz") {
 
            $('body,html').animate({ scrollTop: fwbz }, 500);
 
        }
 
        if ($(this).attr("id") == "faq") {
 
            $('body,html').animate({ scrollTop: faq }, 500);
 
        }
 
    })
 
    $(window).scroll(function () {
 
        var fysm = $(".fysm").offset().top-85;
 
        var lcsm = $(".lcsm").offset().top - 85;
 
        var fwbz = $(".fwbz").offset().top - 85;
 
        var faq = $(".faq").offset().top - 85;
 
        var top1 = $(document).scrollTop();
 
        var top2 = $("help_cn_right .fuwu_dh").scrollTop();
 
        $(".fuwu_dh a").removeClass('fuwu_xuanz');
 
        if (top1 > fysm && top1 < lcsm) {
 
            $(".help_cn_right  .fuwu_dh").css("top", top1).css("position", "absolute").css("z-index", "5");
 
            $("#fysm").addClass('fuwu_xuanz');
 
        } else if (top1 > lcsm && top1 < fwbz) {
 
            $(".help_cn_right  .fuwu_dh").css("top", top1).css("position", "absolute").css("z-index", "5");
 
            $("#lcsm").addClass('fuwu_xuanz');
 
        } else if (top1 > fwbz && top1 < faq) {
 
            $(".help_cn_right  .fuwu_dh").css("top", top1).css("position", "absolute").css("z-index", "5");
 
            $("#fwbz").addClass('fuwu_xuanz');
 
        } else if (top1 > faq) {
 
            $(".help_cn_right  .fuwu_dh").css("top", top1).css("position", "absolute").css("z-index", "5");
 
            $("#faq").addClass('fuwu_xuanz');
 
        }else {
 
            $(".help_cn_right  .fuwu_dh").css("top", top2).css("position", "absolute").css("z-index", "5");
 
            $("#fysm").addClass('fuwu_xuanz');
 
            $(".help_r_bottom").addClass("topmargin");
 
        }
 
    });
 
 
方法二:样式控制:
position:fixed; bottom:0; left:0;_position:absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...