前端js页面滚动（scroll）电梯导航+顶部返回按钮+滚动后盒子出现且固定

scrollTop   页面滚动的长度

offsetTop  盒子距离顶部的位置

返回顶部按钮：两种写法1.document.documentElement.scrollTop=0

                                        2.window.scrollTo(0,0)

滚动后盒子出现且固定：n=document.documentElement.scrollTop，if (n>offsetTop)header.style.top=0

                                                        else .top=-88

电梯导航：1.页面滑动显示和隐藏

                        n>offsetTop  opacity=1

                               else         opacity=0

                   2.点击li有高亮，但滑动后初始li没有高亮，点击才有。所以在HTML中没有active这个类，这样的话排他思想就会报错，因为获取不到active这个类。故给将获取=old

if (old)old.classList.remove(active)

有这个类active，则执行移除；没有则old为Null，移除不执行。

                     3.点击li,触发父盒子的点击事件。点击li，相应的大盒子跳转到当前页面。

                        根据小盒子的自定义属性去选择对应的大盒子

                                利用模板字符串实现拼接。`.xtx_goods-&{e.target.dataset.name}`

                        令大盒子的scrollTop=offsetTop,即让大盒子滚动相应位置的长度到达顶部。

                     4.最后一个li若为返回顶部栏，则不需高亮和跳转大盒子。

                        故需要给if(e.target.tagName==="a"   &&    e.target.dataset.name )加上 e.target.dataset.name的限定，使得最后一个小li被筛选出来。

                        5.将跳转换成平滑，css中给html{scroll-behavior：smooth}