首页学习－导航定位

例子来源于我们刚上线的项目 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">