nav相关内容

如何停止卷轴上标题的缩水效果?

我认为自己是WebDev新手,通过摆弄现有的例子我学得更好。我一直在寻找一种方法,使导航栏透明,然后在向下滚动时转换为坚实的背景。我在一个免费模板中找到了我想要的东西。它有一个我不想要的功能--它会在滚动时缩小导航栏,而我更愿意保持导航栏的高度不变。以下是代码(这是我第一次尝试Codesen,所以不要笑!): http://codepen.io/quanticspaz/pen/zGWXYM ..
发布时间:2022-07-03 10:52:06 前端开发

使用 jQuery 在切换时旋转图像

相关网站:http://mtthwbsh.com 我正在尝试创建一个可折叠的导航,当切换时,箭头向上(隐藏时向下). 我一直在阅读有关使用 jQuery 旋转图像的信息,并发现这是我最好的资源:使用 jQuery 旋转图像 OnClick? 我了解这里发生了什么,但我很难用我的标记将其可视化.我的折叠导航的 jQuery 如下: ..
发布时间:2022-01-16 14:48:56 其他开发

如何使 Zurb Foundation 顶部栏导航居中?

我的网站上的顶部导航栏左对齐如下: |主页 |aeoTSD |寂静夜 | 我想像这样将顶部栏导航居中: |主页 |aeoTSD |寂静夜 | 将它与带有“示例"文本的红色条完全一样居中. 这里是我的css. 解决方案 您可以通过将其添加到您的 CSS 来实现(最好删除冲突的样式): .top-bar-section ul {display: table;边距:0 自动;}. ..
发布时间:2022-01-10 18:07:41 前端开发

如何向 Bootstrap 4 固定顶部响应式导航栏添加数据偏移量?

因此,在 Bootstrap v3 中,您只需将 data-offset 属性添加到 nav 标签,像素偏移量,在本例中为 54px, 然而,在 Bootstrap v4 中,这个 data-offset 属性缺失,并且不起作用.我浏览了 v4 文档,但似乎找不到任何东西!我也尝试过使用 data-offset 和 offset 属性, ..
发布时间:2022-01-10 17:40:04 其他开发

<导航>或<菜单>(HTML5)

W3Schools.com,我很确定我记得看到 W3C.org 声明 应该用于工具栏菜单和列出表单控制命令. 那么,我的主菜单应该使用哪一个?Nav,还是Menu?重要吗? 解决方案 nav 用于内部链接组(a 元素).通常这意味着链接应该转到单独的页面,或者在 AJAX 页面的情况下更改内容.单击 nav 项目时,预计会发生某种内容更改. menu 用于控件组(a、input ..
发布时间:2022-01-06 14:28:33 前端开发

制作一个导航栏棒

制作导航栏杆 制作导航栏杆 制作导航栏杆 制作导航栏杆 制作导航栏杆 制作导航栏杆 制作导航栏杆 制作导航栏杆 制作导航栏杆导航栏棒 制作导航栏棒 制作导航栏棒 /* 标题 */ /* 身体 */身体 {边距:0px;高度:2000px;}.headercss {宽度:自动;高度:320px;位置:相对;}.headerlogo {宽度:自 ..
发布时间:2021-12-29 10:41:18 前端开发

Bootstrap 4.0 - 折叠成一个切换的两个导航栏

想知道是否可以在桌面上的不同行上显示两个导航栏,但在平板电脑和移动设备上将两个导航栏折叠成一个切换器. 本质上,我希望顶部导航栏包含品牌,然后是四五个菜单项,而第二个导航栏不包含品牌,而是仅包含四五个导航元素.我希望这些导航栏在桌面上显示在自己的行上,但是当视口缩小到平板电脑或移动设备时,这两个导航栏的内容都属于同一个移动导航栏切换器.这可能吗?我看到了很多 Bootstrap 3 的解决方 ..
发布时间:2021-12-24 09:16:13 前端开发

如何将数据偏移添加到 Bootstrap 4 固定顶部响应式导航栏?

因此,在 Bootstrap v3 中,您只需向导航标签添加一个 data-offset 属性,以及像素偏移,在本例中为 54px, 然而,在 Bootstrap v4 中,这个 data-offset 属性缺失,并且不起作用.我已经浏览了 v4 文档,但似乎找不到任何东西!我也试过使用 data-offset 和 offset 属性, ..
发布时间:2021-12-24 09:11:47 其他开发

如何创建滚动后固定在顶部的粘性导航栏

我正在尝试制作一个导航栏,该导航栏在网站首次加载时出现在可查看页面的底部,然后当用户向下滚动时,导航栏会向上滚动,并最终固定在顶部.我正在使用 Bootstrap,就像这个网站一样,但我不知道这个网站是如何做到的.有什么帮助吗? 这是我试图模拟的带有导航栏的网站:http://www.blastprocessor.co.uk/ 这是我的导航 html 和 css 代码: HTML ..
发布时间:2021-12-07 21:47:29 前端开发

我应该更喜欢 <nav><ul><li><a-or-other-tag>从可访问性的角度来看,还是<nav><a-or-other-tag>?

通常,在书籍、教程和一些实际网页中,我看到导航栏在 元素中标记为 元素一个 元素,像这样: .site-nav {显示:弹性;justify-content: 空间环绕;列表样式类型:无;填充左:0;}.site-nav >立>一种 {边框:1px纯黑色;填充:1em;文字装饰:无;}li { 填充:1em;}/* 只是为了在 SO 上更好地出现 */ ..
发布时间:2021-10-26 16:21:36 前端开发

Bootstrap - 更改断点导航栏?

这个问题已经在这里问过了,但由于 Javascript,这不起作用.因此,在提供的答案中,仅更改了 CSS 而未更改 JS,这意味着导航栏的内容仍然可见,而切换器不可见.有什么解决办法吗? 编辑: 我的问题是如何在 Bootstrap 4.xx 中更改导航栏的断点 解决方案 Bootstrap 5.0 Bootstrap 5 仍然使用 navbar-expand* 类来确 ..