使用View Design 的小问题
导入官方给的例子，Layout 布局固定头部导航栏，在引入走马灯Carousel 或者卡片Card 组件时，向下滑动会遮住导航栏，这个要怎么解决呢？
3条回答 默认 最新
Absolute小白 2022-12-13 13:57关注给导航栏加上z-index:9999px
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报
分享
- 2022-02-01 16:39Dream_Architect的博客 使用fixed布局组件被其它组件遮挡问题
- 2021-01-29 10:45刘虓震的博客 了解头部导航栏构成 导航栏高度 包含两个部分：工具栏(1)和title栏(2)， 工具栏的高度一般是固定的20px，title栏的高度需要计算.2.计算title栏高度需要计算title-bar的高度在 默认导航栏 & 无底部tab栏 的情况下...
- 2023-12-04 23:31别undefined辣的博客 方法一：在滚动元素上设置 scroll-padding-top html{ scroll-padding-top: 60px; } 方法二：padding+margin 内容 内容 内容 内容 .setid{ padding-top: 60px;/* 60px是导航栏高度 */ margin-top: -60px; }
- 2020-08-30 18:492. `.navbar-fixed-top`：设置导航条固定在顶部，需要在body中设置padding-top以避免覆盖内容。 3. `.container-fluid`：设置导航条内容的容器元素，容器元素的宽度将占满整个屏幕。 4. `.navbar-header`：定义导航...
- 2025-09-27 19:102301_78139252的博客 菜单栏下面的轮播图和各个商品需要采用遍历的方式生成，依赖 Element Plus 的 el-carousel、el-row、el-col、el-card 等组件实现，使用轮播图容器el-carousel，遍历 bannerArr 数组渲染轮播项，固定高度 240px；...
- 2021-01-30 23:44狂野小青年的博客 H5移动端div固定到底部实现底部导航条的几种方式 需求： 需要把导航固定在底部？只能滑动内容，导航菜单固定不动的。效果如下： 这篇文章主要讲解三种实现方案，包括：fixed,absolute,以及css3的flex布局。 ...
- 2025-05-19 18:50AI实战架构笔记的博客 本文旨在为前端开发者提供一套完整的响应式导航栏实现方案。我们将覆盖从基础概念到高级技巧的全过程，重点介绍JavaScript在实现响应式导航栏中的关键作用。文章将从响应式设计基础开始，逐步深入到具体实现，最后...
- 2025-08-13 15:43NEWonclick的博客 以下是针对2025年前端组件库热度排行榜的分析。基于当前趋势（截至2024年）和行业预测（如GitHub stars、npm下载量、社区活跃度），我推测2025年最热门的国外前端组件库将分为React和Vue两个模块。我会为每个模块列...
- 2021-08-06 09:58加油，铁子！的博客 在导航栏上给个固定定位：position: fixed； 由于固定定位是脱离标准流的，所以，它所固定的位置会遮住了下方内容的一部分。 解决方法：内容部分设置margin-top，具体的值为导航的高度。 此时内容部分不会被遮住，...
- 2025-11-10 20:38灵犀坠的博客 通过动态获取设备信息（状态栏高度和胶囊按钮位置）计算导航栏尺寸，采用分层布局确保正确覆盖页面内容，并设计了渐变背景和搜索框等UI元素。关键点包括：响应式高度计算、固定定位布局、视觉层次优化。该方案解决了...
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月21日
已采纳回答
12月13日-
创建了问题
12月13日