zoukankan      html  css  js  c++  java
  • js实现页面下拉后展示导航,以及点击导航自动滑动到相关页面

    //监控,下拉750px后展示导航
    $(window).scroll(function(){
        var $this = $(this);
        var targetTop = $(this).scrollTop();
        if(targetTop > 750){
            $("#fixed-menu").css('display','block');
        }else{
            $("#fixed-menu").css('display','none');
        }
    });
    
    //点击导航自动活动到页面
        $(".link1").click(function(){
            $('body,html').animate({'scrollTop':$(".fwjs").offset().top},800)
        });
    
        $(".link2").click(function(){
            $('body,html').animate({'scrollTop':$("#zzlc").offset().top},800)
        });
    
        $(".link3").click(function(){
            $('body,html').animate({'scrollTop':$(".clzb").offset().top},800)
        });
    
        $(".link4").click(function(){
            $('body,html').animate({'scrollTop':$("#xzfxq").offset().top},800)
        });
    
        $(".link5").click(function(){
            $('body,html').animate({'scrollTop':$("#gwtd").offset().top},800)
        });
    
        $(".link6").click(function(){
            $('body,html').animate({'scrollTop':$("#cjwt").offset().top},800)
        });
  • 相关阅读:
    MySQL——UPDATE更新
    MySQL——WHERE字句
    MySQL——查询数据
    MySQL——删除数据表
    MySQL——插入数据
    MySQL——创建数据表
    MySQL——数据类型
    MySQL——选择数据库
    MySQL——删除数据库
    MySQL——创建数据库
  • 原文地址:https://www.cnblogs.com/cl94/p/10631873.html
Copyright © 2011-2022 走看看