解决JS中锚点跳转样式混乱的问题

一开始项目上碰到的问题是点击锚点跳转，原本顶部的导航栏就不见了，然后页面样式混乱，代码如下：
ASPX界面代码：
 

            

                

                    目录
                
            
            

                

                    一、总体概述
                
                

                    二、按月份统计
                
                

                    三、医疗(安全)不良事件分级
                
                

                    四、按事件类型统计
                
                

                    五、按事件类型统计
                
                

                    六、事件部门处理例数汇总表
                
                

                    七、不良事件上报数据分析结语
                
            
        

有些人可能不知道这个herf="#item"是干嘛的，这里说明下，这个锚点跳转是跳转到对应的区块，所以要把对应的区块ID设置为跟这个herf跳转相同的ID，区块ID那块代码就不再贴了，注意下

JS代码：

这样之后确实实现了跳转效果，但是又出现了一开始提到的问题，样式混乱，这时候一个同事想到了jquery中的animate方法，用这个方法重新写了一下，既解决了跳转问题，样式也没有乱掉

ASPX界面代码如下：

            

                

                    一、总体概述
                
                

                    二、按月份统计
                
                

                    三、医疗(安全)不良事件分级
                
                

                    四、按事件类型统计
                
                

                    五、各科室不良事件数据分析
                
                

                    六、事件部门处理例数汇总
                
                

                    七、不良事件上报数据分析结语
                
            
        

JS代码如下：

//实现锚点跳转功能
function scrollTag(tag) {
    $('html, body').animate({
        scrollTop: $(tag).offset().top // 滚动到元素顶部
    }, 500);
}

使用这种方法还可以调整滚动的速度，至此，问题解决