首页学习－导航定位

例子来源于我们刚上线的项目 http://3zang.tech/ ，看效果可以看到

导航定位

点击菜单栏，比如行业方案，页面会直接跳到对应的位置

、

方式1 使用datahash属性，js代码见内

navPosition: function(){    //导航定位
            $('.menu-list a.list-link').click(function(){
                var hash = $(this).attr('data-hash');
                if(hash){
                    var scrollTo = $(hash).offset().top;
                    if(hash = '#product'){
                        scrollTo = scrollTo + 60;
                    }
                    $('body,html').animate({scrollTop:scrollTo},500);
                }
            });
        },

html代码

<div class="menu-list">
	<a href="javascript:;" class="list-link" data-hash="#product">产品服务</a>

对应部分

<section class="g-section g-scheme" id="scheme">