我正试图制作一个网页，其中顶部导航栏隐藏在滚动和显示在滚动上。我正在使用下面给出的代码来这样做。
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top" id='navHeader'>
<!-- all the elements of navbar like logo and menu goes here-->
</nav> <!-- end of navbar -->
<!-- end o
浏览 2提问于2020-09-13得票数 0
回答已采纳
1回答
我已经开始玩榆树语了。我正在制作一个基本的网页，我想让我的导航条坚持在顶部时滚动。
我希望我的模型能够对从页面顶部向下滚动的距离做出反应。
我有两个问题：
如何使用Javascript访问此变量？理想情况下，我想要类似于JQuery的$(window).scrollTop()但没有JQuery的东西
如何将此值传递给埃尔姆？我必须设立一个港口吗？
浏览 10提问于2016-01-01得票数 3
回答已采纳
我想使用UIView制作自定义导航条，但我不想嵌入导航控制器。我尝试过制作UIView，但最终UIView是可滚动的。无论UITableViewController是否滚动，导航条的主要内容都被粘贴到顶部。如何使自定义导航栏与UIView有固定的位置，就像原来的导航条。谢谢!
浏览 5提问于2016-05-24得票数 0
回答已采纳
早上好，我正在创建一个网页，我不是一个有经验的开发人员。我使用jquery插件sticky.js制作了一个粘性导航条。一切都很完美，但是当我把动画添加到图片中时，图片就会重叠在导航栏上。我怎样才能阻止其他事情的重叠。你的回答会很有帮助。提前谢谢。
浏览 2提问于2016-12-26得票数 0
回答已采纳
1回答
所以我制作了一个导航条下拉菜单，()，它可以工作，但我希望它能将菜单放到导航条之外，这样就不必在导航条内滚动它了。希望它像自由落体在我的网页上的其他内容之上。有人知道我能定义什么规则来实现这一点吗？
在他们的文档中，我可能忽略了一些有关这方面的信息，但是我尝试了一堆css和html，但都没有成功。
谢谢
<div class="nav-right nav-menu fa-lg">
<a class="navbar-item" href="#about">About</a&
浏览 6提问于2017-10-06得票数 1
回答已采纳
1回答
我试图制作一个网页响应页面，我的问题是当我向下滚动页面时，点击一个固定导航栏的div。
根据窗口大小或缩放，div将超调或低于导航条。
我最好的尝试是使用scrollTop()来防止在scrollTop(值)匹配内容-div满足导航条的值时进一步滚动页面，但它只对100%缩放和硬编码值起作用。
jQuery
$(window).scroll(function() {
var winHeight = $(window).height();
var navHeight = $('.nav').height();
var stopPoint = winHeight -
浏览 2提问于2016-02-20得票数 2
回答已采纳
3回答
在导航栏中，我可以制作半透明的导航条样式。但我不能那样做UIView。如何在UIView中制作半透明风格？
浏览 3提问于2013-11-19得票数 9
回答已采纳
1回答
我正试图为我的网站制作一个基本模板。理想情况下应该是这样
{% block navigationbar %}{% endblock %}
{% block content %}{% endblock %}
{% block footer %}{% endblock %}
这样，我就能够拥有单独的navigationbar.html和footer.html文件。我想表达的所有意见都是这样说的：
{% extends 'portfolio/base.html' %}
{% block content %}
// View Code here
{% endblock %}
任何方法都
浏览 3提问于2020-02-29得票数 0
回答已采纳
1回答
我目前正在制作一个网页，并使用导航条使用引导带。我有三个图标对齐在右边，我想对齐另一个项目在中间。然而，使用mx-auto并不会使其在网页中间居中，并且会因为右边的图标而向左移动一点。守则如下：
<nav class="navbar bg-light">
<div class="container-fluid">
<div class="navbar-brand mx-auto order-0" href="#">
<a class="rain
浏览 1提问于2022-06-06得票数 0
回答已采纳
1回答
我正在用ReactTS制作我的网页。我做了一个导航条，我想从MUI材料图标中添加一些SVG。但我唯一的问题是SVG有点太高了：
已经尝试将位置设置为inherit，但也没有效果，下面是CSS：
nav {
position: fixed;
display: block;
margin: auto;
top: 0;
width: 100%;
height: 50px;
padding-left: 10px;
font-size: calc(10px + 2vmin);
background-color: #3e424d;
color: white;
}
浏览 5提问于2022-01-13得票数 1
回答已采纳
1回答
我已经创建了一个网页网站，其中每个链接在导航条滚动到一个不同的部分的网页。问题是我的导航条很粘，当我将列表项链接到我的特定标题时，页面会滚动，这样导航条就会覆盖部分标题。
是否有一种方法，我可以链接我的导航栏项目到一个区域刚刚上方的标题，以便当它滚动时，它不包括在导航栏。我在想它有可能滚动到一个特定的y值？不知道那会是怎么回事。
浏览 7提问于2021-12-29得票数 1
我想隐藏地址栏，只留下打开的标签栏可见，我已经尝试了两种方法编辑userChrome.css，其中一种工作(但它产生了大量的顶间距)，而第二种方法删除顶间距，但它也阻止网页被载入。
在这里，我试着用截图：
使用第一种方法，我将其添加到userChrome.css中
#导航条{可见性:隐藏！重要；}
这就是产生额外顶间距的方法：
使用第二种方法，我添加了以下内容
#导航条{显示:无！重要；}
这个可以让我得到我想要的东西，但是，正如我说的，它也阻止了网页的加载(见截图)：
如何才能达到第二张截图的相同结果，但实际上加载了网页？
浏览 7提问于2022-01-25得票数 0
3回答
我已经做了一个导航条，它是用无序列表来修正的，其中li元素是浮动的left.At --首先，这个栏是根据需要获取整个页面的宽度，但是当我添加页面的内容时，它在导航栏下，因为她是浮动的。
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #333;
overflow: hidden;
position: fixed;
}
li {
float: left;
}
li {
display: block;
color: white;
text-align: cent
浏览 5提问于2017-04-22得票数 0
回答已采纳
1回答
我有一个引导肚脐在我的网站上的多页。每次我想要改变肚脐，这是一种痛苦，必须去每一个单独的网页，并作出改变。目标：我想让我的肚脐编辑在一个地方，并影响到每一个有它的页面。
I试图使导航条代码驻留在一个单独的文件中，然后使用代码将PHP文件包含在页面中。
include 'page.php';
然后调用echo语句，在我想要的页面上打印出导航条，但由于某种原因，它没有按计划工作？
echo $navbarCode;
我如何才能完成对导航条的一次更改，并使其更新所有页面，包括导航条？
浏览 2提问于2016-12-11得票数 1
我正在制作一个像Twitter这样的标题网站。我在手机上看到了Twitter，它的导航面板在底部，用户面板在顶部和大屏幕设备中，所有东西都在左边。我如何使用NextJs和Tailwind来做到这一点？
这就是导航条在大屏幕==>> 中的样子。
这就是在移动==>> 中导航条的样子。
请救救我！
浏览 5提问于2022-08-22得票数 -1
1回答
带引导的管理风格导航
、、、
我正在寻找一个资源/教程，关于如何制作一个导航条，模仿工作的管理部分。我正在尝试做一个导航条，它固定在屏幕的一侧，当条形条被折叠时，我想要一个图标列表来显示，这样用户就知道导航条没有褪色。
这是我正在寻找的一个例子：
我注意到了这些主题中的"admin“这个短语，在这一点上我找不到一个很好的教程。
任何帮助都是非常感谢的。请在投票前询问更多信息。
浏览 0提问于2014-08-25得票数 0
回答已采纳
2回答
在过去基于表的布局中，在图形浏览器和基于文本的浏览器中制作水平导航条是相对简单的。
现在，制作水平导航条的标准方法是使用无序列表并使用CSS对其进行样式化。
有没有办法使ul列表在类似w3m或elinks之类的东西中显示为水平的？
浏览 2提问于2016-04-20得票数 0
回答已采纳
1回答
我使用Openbox作为窗口管理器，UbuntuServer16.04作为基本系统。
我使用lxpanel作为我的导航条。我需要制作一个自定义小部件来在任务栏中显示文件系统信息。
如何为lxpanel制作自定义小部件？
浏览 0提问于2018-06-21得票数 -2
3回答
我有个关于导航条透明度的问题。
这里是我观点的截图：
它只是一个嵌入UIWebView页面的。
我想通过透明的方式使导航栏下的网页可见，但我不知道如何做到这一点。
我已经将self.navigationController.navigationBar.translucent = YES;添加到viewDidLoad方法中，但是当我滚动网页时，没有任何东西是透明的。
如何将UIWebView框架放置在导航栏下，而不是网页上？
浏览 4提问于2014-09-22得票数 0
回答已采纳
1回答
如何在容器外显示肚脐下拉菜单？
、、、、
因此，在这个问题发生之前，我在扩展时很难在较小的屏幕上实现导航条滚动。所以链接：
使用该问题的答案，我能够制作导航条滚动，但我当时面临一个新的问题。单击导航条链接时，弹出的下拉菜单将停留在导航条容器中，并且可以滚动导航条。
用于解释(本例中的OLE下拉列表)的图片：
这是用来使折叠的导航条可滚动的CSS。
.fixed-top .navbar-collapse {
max-height: calc(100vh - 4.5em);
overflow-y: auto;
}
没有问题，当肚脐崩溃，它可以显示下拉菜单罚款和滚动。但是，当不在大屏幕上折叠时，如何使下拉菜单显示在导航
浏览 1提问于2018-10-15得票数 0
回答已采纳
我正在尝试制作一个响应性的导航条菜单，就像引导程序的导航条一样，但是我不能使用jquery，我使用的是Mootools。以前有人做过这种事吗？谢谢。
代码：
浏览 3提问于2015-11-17得票数 0
回答已采纳
4回答
我正在制作一个巨大的网站，在所有页面上都有一个导航栏。是否可以在.html文件中创建导航条并将其导入所有其他页面，如果可以，如何实现？
浏览 1提问于2014-01-01得票数 6
回答已采纳
目前，我正在工作的网页，有一个顶部的横幅，然后是一个顶部导航栏。我是这样做的，当你向下滚动导航条-导航条变得固定。然而，当导航变得固定时，当导航栏不再是块元素时，其馀的网站内容就会向上推展。
是否有一种方法使导航条固定，同时将页面的位置或内容保留在同一位置？
浏览 0提问于2013-09-23得票数 0
回答已采纳
1回答
我正在使用引导，以使导航选项卡在我的网页。目前，我有两个导航条在一个‘`div’。他们工作得很好。但是，当我在选项卡上显示时，内容会改变高度，导致其下方的导航条上下移动。我怎么才能阻止这一切的发生？
配置div位于同一div内Mobile的顶部。
例：
<div>
<div class="config"></div>
<div class="mobile" style="position:inherit;"></div>
<div>
在此之前
之
浏览 0提问于2014-10-27得票数 0
回答已采纳
我正在制作一个游戏，我想在上看到设备顶部UI (时间，wifi.)但是隐藏了底部导航条。下面的代码隐藏了底部导航条，但是每当用户在屏幕上点击时，它就会出现。但是，我希望底部导航条永远被隐藏。谢谢你的帮助。
class myApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);
return MaterialApp( ...
浏览 3提问于2020-08-14得票数 1
我正在制作一个应用程序项目，在颤振，我想要一个模糊的背景底部导航栏。如何在带有模糊背景属性的脚手架中实现底部导航条？
浏览 7提问于2022-06-12得票数 0
回答已采纳
如何使用带有片段的(水平)中的ImageViews制作一个工作的LinearLayout底部导航条？而不是菜单项。
如果已经存在，请共享源代码。请迅速提供帮助:)
或者问题是：
浏览 3提问于2020-03-06得票数 1
回答已采纳
1回答
如何实现AppStore类标头
、、、、
我想征求您的意见，如何制作类似于AppStore的同类标题。检查下面的屏幕快照。我也想这样做，没有导航条可见，但这是我能处理的细节。谢谢你的任何想法！
浏览 2提问于2015-10-05得票数 0
回答已采纳
2回答
我想知道如何根据网页位置改变导航条的行为。我已经看过很多关于如何在滚动页上隐藏/显示导航条的教程，vie成功地实现了它，但是这似乎只涵盖了两种状态。我希望我的肚脐有三个:当我滚动显示，隐藏当我向下滚动，和改变不透明度，如果我在网站顶部。我尝试过使用各种useEffects和事件侦听器，但我对react和js非常陌生。
下面是我正在寻找的效果的一个很好的例子。正如你可以看到，一旦你在网页的顶部，不透明度的变化，以及下降阴影，这一切似乎是“卡住”在顶部，而不是浮动的外观时，你滚动/向下。使用dev工具，我发现navbar类似乎有三个不同的名称，这取决于滚动条的位置。
提前感谢！
浏览 9提问于2022-02-12得票数 1
回答已采纳
这可能是一个愚蠢的问题，但我是新手，所以不要残忍！(哈)好吧，我在上网页设计课，我们正在做一项作业。我的网页上有三个导航栏，它们都有一个id名。topnav，mainnav，和footernav他们看起来都不一样。我怎样才能单独瞄准他们？我尝试过#topnav {我添加了任何规则；}但这没有任何作用。我已经尝试过.topnav {任何规则；}而这也没有任何作用。我搞不懂，我要疯了！请帮帮我。谢谢！！看上去是这样的：
<ul id="topnav">
<li><a href="#">Home</a></l
浏览 7提问于2015-09-17得票数 2
1回答
我试着制作一个导航条，当用户滚动页面时，导航条变得半透明，然后如果用户鼠标悬停在导航栏上，它会重复，然后当用户将鼠标移出物体时再次退出。我似乎想不出如何：
让导航条只在鼠标离开后，当用户向下滚动页面时才会褪色--我不希望当用户将鼠标移离屏幕顶部时，只有当鼠标在页面上向下滚动时，才会使其褪色。如果他们移动鼠标，而不是直接移动鼠标，就会慢慢消失，然后进入设定的不透明状态。
$(window).scroll(function() {
if ($(window).scrollTop() > 75) {
$('#navBar').css("opaci
浏览 3提问于2014-05-15得票数 1
回答已采纳
2回答
CSS菜单设计
、、
刚刚开始的网页开发，我想复制这种导航条的风格。有人能帮我如何设计一个元素的导航列表项目吗？我会努力学习如何做到这一点的。谢谢
PS:更有帮助的是，如果可以用sass syntaxe来做，那就太棒了。再次感谢xD
浏览 1提问于2021-05-19得票数 0
回答已采纳
因此，我一直在使用<nav> <ul> <li> <a>来制作导航条，但事实证明，我可以使用<nav> <a>来制作导航条，当我使用它已经内联的时候，所以我不会使用大量的CSS。你们觉得怎么样？注:我是自学的，所以我不知道哪个是对的，哪个是该问的。谢谢，您的回答将不胜感激
<nav>
<a href="#">Home</a>
<a href="#">Login</a>
<a href="#"&g
浏览 4提问于2022-08-06得票数 -1
2回答
我想做一个自定义导航条小部件在颤振。蓝色圆小部件的大小比它的父小部件大。但我不知道如何在没有任何插件的情况下制作它。请看图片以求澄清。
浏览 1提问于2022-08-18得票数 0
回答已采纳
我正在创建一个有两个导航条的网页，一个是固定的，当我滚动时，它会随页面移动，并包含指向其他页面的链接，第二个导航条用于链接到同一页面上的特定文本部分。
第二个导航栏给我带来了很多问题，主要是因为它一直重复固定的导航栏和站点标题。
当我向下滚动时，我希望第二个导航条向上移动，但是在固定的导航条和标题下面移动。
任何帮助都会很好，我知道这可能是一件很小的事情，但它让我发疯了。
浏览 2提问于2016-10-23得票数 2
回答已采纳
4回答
我有一个网站到目前为止，我不知道如何有整个导航条菜单下拉。在演示中，这是在悬停之前：
悬停之后：
我一直在浏览网页，了解如何对我自己的Shopify网站代码执行此操作。有没有人对这种下拉菜单的名称有任何提示或资源？
浏览 17提问于2022-08-09得票数 -1
我目前正在设计一个使用Twitter引导的网页，在我的页面上，我想要一个导航栏，当页面的宽度缩小时，导航条会崩溃，第二个导航条固定在页面底部，当页面缩小时不会折叠，因为它只会有一些社交媒体图标。
问题是，我希望顶部导航栏响应，而底层导航条没有响应。
是否可以使用引导带3，到目前为止，我对底部导航条的内容如下：
<div class = "navbar navbar-inverse navbar-fixed-bottom">
<div class = "container">
<ul class = "
浏览 3提问于2015-04-12得票数 2
回答已采纳
1回答
所以，我想要创建一个导航条，而不是重新发明轮子，而是使用一些公共代码来加速我的MVP开发。
实际上，我使用的是导航条形码- 。
但我不知道如何在Vue代码中实现jquery部分(我已经制作了一个组件，通过html和css复制，现在只需要在其中集成jquery功能)。
下面是我需要集成的Jquery代码。
$('#toggle').click(function() {
$(this).toggleClass('active');
$('#overlay').toggleClass('open');
});
如果有人能帮我完成
浏览 1提问于2019-02-13得票数 0
回答已采纳
我有一个完全用CSS制作的导航条，它在大屏幕上工作得很好，但是太大了，不能在移动设备上简单地再流。我的想法之一就是简单地创建第二个移动友好的导航条，并将其放在桌面版本的顶部，但使用display:none隐藏它。然后，我可以使用一个移动断点来显示移动导航条并隐藏桌面版本。
这是CSS可以接受的做法吗？如果没有，是否有另一种方法可以为不同的断点显示完全不同的导航条？
编辑:为了澄清，我使用@media查询断点。
浏览 6提问于2016-01-19得票数 1
回答已采纳
3回答
我当时正在制作一个网站，我认为导航条会在较小的设备中产生太大的效果。我发现了如何使它可滚动，但我不喜欢它旁边显示一个新的滚动条的事实。我怎么能让它隐形呢？
浏览 4提问于2021-12-02得票数 2
回答已采纳
1回答
我正在制作一个导航条，但是当我在列表中设置更高的字体大小时，它不能很好地折叠，所以我想改变断点。我看到了很多的答案，如何解决它，但都没有工作，所以我问你们是否知道我如何能解决这个问题？
浏览 6提问于2017-07-03得票数 1
回答已采纳
1回答
导航栏菜单项，在其下方盘旋/单击
、、、、
我正在尝试使用引导程序制作一个html导航条，这样它看起来类似于twitter当前的导航条，在当前选中的选项卡中，当您悬停在菜单项下时，会有一行出现在菜单项下面。我试过看这方面的例子，但还没有发现如何做到这一点。
不确定是否最好使用nav药片
<ul class="nav nav-pills">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile&l
浏览 0提问于2014-02-06得票数 0
回答已采纳
<nav>
<ul>
<li><a href="index.php"><span class="glyphicon glyphicon-home"> </span> Beranda</a></li>
<li><a href="profile.php"><span class="glyphicon glyphicon-list-alt"></sp
浏览 1提问于2016-05-12得票数 1
回答已采纳
1回答
如何制作在线公交通行证管理系统导航条
要求
导航1.Homepy2.New PAS2.1GeneratePAS2.2UpdatePass 3.关于我们4.信息5.支持论坛
帐户1.登记2.登录
请帮助我用html，css和js编写代码。
浏览 5提问于2022-11-20得票数 -3
2回答
就像一个页面，我想使导航条固定当它在网页顶部。
我是否必须使用Javascript或其他方式使用CSS？怎么做呢？
浏览 2提问于2016-02-29得票数 0
回答已采纳
4回答
我目前正在制作一个导航条，并使用了aria-expanded html属性。当然，我知道这个元素是用来让元素展开或折叠的。我几乎找不到有关这方面的信息，而国际海事组织的也不是那么清楚。
问题
这个属性究竟是如何工作的？
浏览 1提问于2018-02-03得票数 31
回答已采纳
我对网页设计很陌生，现在面临以下问题:单击汉堡图标(单击菜单中的触发器，然后再次单击它以隐藏它)并调整窗口大小(我不希望它隐藏)，我的肚脐就消失了。以下是页面：
如何重新创建该问题：
1-打开链接
2-调整窗口的大小，使其宽度小于700 px (汉堡图标将显示在左侧，导航将隐藏)
3-点击图标触发隐藏导航菜单，并再次单击它以隐藏它。
4-重新调整窗口的大小，使其宽度超过700 px，您将注意到导航条是不可见的(这里的问题是，我希望它在最大化窗口后显示导航条)。
问候
浏览 3提问于2018-03-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
