页面是使用 scrollIntoView来实现锚点定位，但页面的头部是fixed-top固定显示的，导致的现象是目标DOM被fixed-top的头部遮盖。
希望达到的效果是目标DOM滚动到fixed-top头部的下方，怎样解决呢？
vue头部导航position:fixed, scrollIntoView锚点定位有偏差
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2022-04-12 20:13回答 4 已采纳 用z-index定义层次
- 2018-09-12 04:40回答 1 已采纳 你fixed层和滚动不滚动没关系，那个是浏览器系统的滚动条。你要想出现遮盖层不给滚动，设置body overflow hidden隐藏多余内容，隐藏这改成overflow改为auto
- 2022-01-11 11:11回答 2 已采纳 头部作为一个公共部分，点击跳转的页面作为子页面，在父路由进行点击跳转子路由就可以显示了，router-view标签就是用来显示路由的，你的app.vue不是也有一个吗？那个是全局的，你在index.j
- 2019-07-25 18:01lingzhi625的博客 在实现该功能的过程中遇到一个小问题：当设置完锚点，对nav进行fixed固定定位之后, 主要代码（非全部代码，读懂即可） 设置锚点： <a class="header-ls-item" href="#advantage" >优势</a&g...
- 2022-03-27 09:57回答 2 已采纳 你去官方下载到本地然后本地引入试试用这个试下 <script src="https://unpkg.com/vue/dist/vue.js"></script>
- 2022-06-12 18:21回答 3 已采纳 绿色的边框div设置 style="pointer-events: none;"让鼠标事件穿透绿色的边框, 就可以让div挡住的td元素监听到鼠标移动事件了
- 2022-08-13 11:11回答 2 已采纳 <style lang="scss" scopd> $name:'小蜜'; .case1 { color: var(--color); } .case1::after
- 2021-12-18 21:31贝塔贝卡贝的博客 一个页面中分为多块，例如：目录一、目录二、目录三等，这就需要加上一个锚点导航的需求，提高用户的操作性； 原生的写法： <div class="wrapper"> <ul> <li><a href="#catalogue1">目录...
- 2021-09-19 19:36回答 1 已采纳 header 添加 position: relative;另外你.header 中width: 100%;写成了widows: 100%; 如有帮助，望采纳！谢谢! 点击我这个回答右上方的【采纳
- 2022-08-14 21:54回答 6 已采纳 1.data:{} 是一个 函数（在cli里 他必须是一个函数，因为如果是对象 那么他就 会涉及 引用类形的错误） vue中data必须是函数是为了保证组件的独立性和可复用性，data是一个函数，组
- 2023-02-27 10:29回答 3 已采纳 你可以使用Vue.js中的select组件来实现这个功能。 你可以使用Vue.js的v-for指令来把数据库中的选项显示在下拉框中。 然后，在绑定的change事件上，触发对应的行为。
- 2022-06-02 12:37尔滨丶陈春波的博客 vue项目实现锚点功能，简易版与高级版。一
- 2022-05-18 20:23回答 1 已采纳 或许你应该描述一下是基于什么场景，如有一个轮询接口还是socket之类的
- 2019-08-09 16:43对方正在输入中.. ......的博客 vue实现锚点定位功能 一、监听滚动条（使用@scroll却没效果是吧） 参考链接：VUE@Scroll无效问题原因分析 1.1 html代码 <!--重点是要加样式--> <template> <div class="body-container" @scroll=...
- 2021-07-06 17:33鸡排饭加个蛋_的博客 需求 滚动页面到顶部，实现某元素固定到顶部效果 ... 滚动页面，当到达某个位置时，高亮...粘性定位元素相当于position:relative和position:sticky的结合体，受限于父级元素，在不同的条件下呈现出不同的页面效果 2. 如
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 如何在scanpy上做差异基因和通路富集？
- ¥20 关于#硬件工程#的问题，请各位专家解答！
- ¥15 关于#matlab#的问题：期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707，使系统具有较小的超调量
- ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
- ¥30 截图中的mathematics程序转换成matlab
- ¥15 动力学代码报错，维度不匹配
- ¥15 Power query添加列问题
- ¥50 Kubernetes&Fission&Eleasticsearch
- ¥15 報錯：Person is not mapped，如何解決？
- ¥15 c++头文件不能识别CDialog