处于页面顶端时老是会跳到目录处

[ChunKitAu]

目录在 top 450px处 上面有个图片，header 在页面顶端时 老是会强制跳到当前目录 设置height: "calc(100% - 100px)", 也是一样 就很烦 有什么办法消除这个跳转效果？

[yaowei9363]

提issues请按照提供的模板给出问题复现的codesandbox地址，方便我们快速定位问题

[ChunKitAu]

.catalog { position: absolute; width: 300px; right: 0; top: 500px; /* height: calc(100% - 100px); */ } 原来是我位置设置了position: absolute; top: 500px; 然后就滚动了

[ChunKitAu]

https://codesandbox.io/s/vue-side-catalogv2vhtml-4werg?file=/src/App.vue:27539-27556 这个 .catalog position 只要不是fixed 都会滚动

[Subilan]

https://codesandbox.io/s/vue-side-catalogv2vhtml-4werg?file=/src/App.vue:27539-27556 这个 .catalog position 只要不是fixed 都会滚动

谢谢，同样的问题，终于知道怎么解决了。

[Subilan]

补充一个解决办法，可能有点麻烦，但一劳永逸：

1. 把源码中的 main.vue 和 main.scss 下载并安装 [email protected]（太高了会出问题）和 node-sass，如果已经安装可以忽略。这一步的原因是通过 npm 安装的包里是编译后的内容，并不能修改
2. 在需要的地方把 main.vue 给导入了 import XXX from "/path/to/main.vue"，同时注意与 main.scss 的路径关系
3. 在 main.vue 里面把所有的 this.debounceIntoView() 注释掉（除了 async mounted() 里面的第一句定义 this.debounceIntoView = debounce(this.activeIntoView, 250);）
4. 组件依然正常工作！！暂时没有发现问题，且不会莫名其妙滚动。这个时候你可以自己决定要不要把 catalog 设置成 fixed 还是其他的什么。

[yaowei9363]

目录需要设置为fixed（参考）或者置于一个容器中（参考），如果还无法复现请提供一个复现的codesandbox地址，以便于排查