关于锚点平滑跳转时的问题

Question

看完在线教程，跟着做了个网页定位导航效果出来。即点击导航某项，跳转到该锚点。（如图1）
然后我在此基础上想添加平滑过渡。（如图1的click事件）

图1 - js代码

图2 - html代码

尽管能够完成过渡，但是会出现“页面先闪现需要跳转的板块，再平滑过渡到该板块”的BUG。
有什么办法能解决这个问题？？？在线等