用户注册



邮箱:

密码:

用户登录


邮箱:

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

发表随想


还能输入: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、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

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

加载中,请稍后...