navbar 相关问题

HTML和XML直接处理页面导航的部分

屏幕尺寸更改且浏览器中导航栏切换时出现滚动对齐问题

我在网络项目中遇到了滚动捕捉问题。每当屏幕尺寸发生变化时,例如当移动浏览器导航栏打开或关闭时,滚动捕捉行为就会变得混乱......

回答 1 投票 0

我在移动设备中仅在索引页上遇到导航栏问题

HTML 文件 HTML 文件 <div class="header_section header_bg"> <div class="container-fluid"> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a><img src="images/logo.png"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link active" href="index.html">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="about.html">About</a> </li> <li class="nav-item"> <a class="nav-link" href="machines.html">Machines</a> </li> <li class="nav-item"> <a class="nav-link" href="work.html">Work</a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a> </li> </ul> </div> </nav> </div> </div> 我的网站在桌面上运行良好,但我在移动设备上遇到问题,我的主菜单导航栏不起作用!仅索引页其他页面工作正常。我检查了我的索引 html 代码与其他页面并进行了比较,但似乎没有什么是显而易见的。我该如何解决这个问题? 我正在检查 css 文件和 js 文件,但看起来一切都很好。 从您提供的代码中我无法确定,但我过去遇到过一些问题以及我如何解决它们...... 首先确保使用 head 中的元标记来使缩放响应于设备: <meta name="viewport" content="width=device-width, initial-scale=1"> 检查由于样式而导致的重叠元素,某些元素可能会与菜单按钮重叠,导致它们不可单击,因此您单击其他元素会导致意外行为。 确保 JavaScript 和 jQuery 库在您的 index.html 中正确链接,假设您正在使用 jQuery,因为您使用的是 data-toggle="collapse" 由于该问题是特定于移动设备的,因此请检查 CSS 是否存在可能影响移动设备上导航栏的显示或功能的任何媒体查询。您可以使用开发人员工具来模拟移动设备,并查看索引上是否应用了不同的样式

回答 1 投票 0

引导导航栏折叠在单击时未关闭

我正在使用 Bootstrap,它在单页网站上折叠了导航栏以及简单的滚动脚本,因此如果我单击单个链接,页面会向下滚动到锚点 - 效果很好。然而

回答 13 投票 0

选项卡切换时屏幕无法重建

持久导航栏不会刷新不同选项卡切换的屏幕,它应该在每个开关上重建小部件树,但它没有这样做 请帮我.... 脚手架( 键:_键,...

回答 1 投票 0

反应映射“TypeError:无法读取未定义的属性‘map’”

下面是 Navbar.js 和 MenuItems.js 错误是 https://1drv.ms/u/s!ArTg3PgWw2jtgQ77RY23uF1tkSoA?e=YDsLlK 我从数组 MenuItems.js 中提取数据并在 Navbar.js 中与地图一起显示,错误是 &...

回答 1 投票 0

如何使我的 HTML 主页链接正常工作?

我用 HTML 创建了一个导航栏。当我在 VisualCode 中运行代码时,它可以工作,但是当我转到其他选项卡并想返回主页时,它不起作用,它会给我一个错误。错误是啊啊啊

回答 1 投票 0

React Router 链接需要重新加载,但 URL 发生了变化

我是 React 新手,我正在做一个项目......但是我遇到了导航栏中给出的链接的路由问题。 这是我在导航栏中给出的链接 导入 React, { 组件,

回答 1 投票 0

将导航栏与 .container 类一起使用,并在容器外部放置额外的下拉菜单,而无需偏移容器对齐方式

所需的输出:两行,每行都有一个 .container div,在视口中心对齐(并且彼此对齐)。导航栏位于第二行 .container 中。另外,我想再添加一个非折叠下拉菜单......

回答 1 投票 0

当用户滚动到页面顶部时重新定位导航栏(jQuery)

我的网站上有一个问题,当用户滚动到页面顶部时,我的替代导航栏(在主导航栏下方)在页面上的位置太高,位于主导航栏后面。 主要...

回答 1 投票 0

如何实现弯曲的梯形导航栏?

我想在我的项目中实现这个组件,但我找不到太多好的方法来做到这一点。 我尝试了剪切路径并得到了一个锋利的梯形。然后我尝试使用...

回答 1 投票 0

使用 CSS 删除 Bootstrap 中导航栏切换器汉堡图标的边框颜色

我已经被困在这个问题上很长时间了。搜索并尝试了多种方法来删除单击 BS4 汉堡包图标时的边框颜色(在我的本地,它显示为黄色。在这个片段中,我...

回答 11 投票 0

如何在flutter中向water_drop_nav_bar添加徽章?

我正在尝试在导航栏中的购物车图标中添加徽章我正在使用water_drop_nav_bar 我尝试添加它,但它给了我错误,因为 WaterDropNavBar 仅采用 BarItems 而 barItem 是一个包含两个

回答 1 投票 0

在 next.js 应用程序路由器中,如何检查指向页面各部分的活动链接

我有一个导航栏,其中一些链接指向其他页面,其他链接指向页面的各个部分 我想知道当前哪个部分处于活动状态。我按照

回答 1 投票 0

如何在flutter中制作动画凹口底部栏?

我正在寻找这种颤振动画:https://dribbble.com/shots/4844696-Tab-bar-interaction-with-animated-icons 原始 React 原生解决方案:https://www.npmjs.com/package/@mindinve...

回答 1 投票 0

react-bootstrap 中的 NavDropdown 不会崩溃

我正在使用react-bootstrap 2.9.2(bootstrap 5.3.2)尝试创建一个简单的导航栏,导航菜单中的第一项是下拉列表。 NavDropdown 展开,下拉菜单中的路线...

回答 1 投票 0

我的导航栏在移动视图上被其他元素淹没/溢出

/* ************************** */ /*低于1350px(较小的桌面)*/ /* ************************** */ @media(最大宽度:84.5em){ .粘滞便笺{ 宽度:30rem; 高度:30rem; } .m...

回答 2 投票 0

有没有办法调整超级应用栏下方的填充?

我正在使用 SuperCupertinoNavigationBar,它在应用栏下方呈现不需要的填充,我似乎无法摆脱它。 导入'包:flutter/cupertino.dart'; 导入'包:flutter/

回答 1 投票 0

使用 Firestore 反应 useAuth 和路由

我在 firestore 使用控制台中注意到,该应用程序在第一次加载时消耗的读取次数比我预期的要多(我原本期望 1 次,但它消耗 9 次)某些内容渲染的次数更多...

回答 1 投票 0

Blazor 顶部水平导航栏带有可折叠子菜单

我正在 Blazor 中使用导航栏,该导航栏沿着页面顶部而不是标准位置水平运行。 我需要为菜单选项之一添加可折叠子菜单。我尝试使用...

回答 1 投票 0

带有下拉菜单的响应式导航栏

我怎样才能让这个导航栏同时适应中小屏幕。我不断得到不好的结果。下面是目前为止编写的 html 代码和 CSS 代码。 导航{ 背景:黑色;

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.