我正在设置一个jQuery移动网页。我们在报头中设置了一个NavBar。
现在出现的问题是导航栏向右填充(我猜) 1px。
因此，在移动屏幕上，导航栏排在右边，并且不能完全放在标题栏下面。
链接你可以明白我的意思：
例如，我将导航栏作为独立的页面放在页面中(在标题导航栏下)，然后您可以看到它右侧缺少1px。
我似乎找不到样式表中的问题。
浏览 0提问于2012-12-17得票数 0
我是jquery mobile的新手。当我通过导航栏按钮从一个页面导航到另一个页面时，我实现了导航栏。导航栏也是滑动的，就像ios中的导航栏在底部和视图幻灯片中一样。如何删除此错误
<div data-role="footer" data-position="fixed">
<div data-role="navbar" data-iconpos="top">
<ul>
<li>
浏览 0提问于2014-08-21得票数 2
我使用CSS伪:before在导航栏中创建箭头，并使用jQuery slideToggle()以这种方式显示ul。但是，当您悬停在它上时，转换仍然会发生，但是箭头会稍微延迟，然后出现。要查看一个您可以看到的更容易实现的示例，请参阅并悬停在"iPad“上。
我是jQuery的新手，所以我可能错过了什么。我知道jQuery代码可以工作，这只是我的延迟。
谢谢。
编辑:更改导航栏和删除CSS箭头，这不再相关，但将留在这里的问题，以防其他人需要帮助。
浏览 2提问于2015-04-08得票数 0
回答已采纳
好的，我已经和jQuery玩了一个多月了，并且理解了一些基本的概念，但是请在新手的上下文中回答！
我的导航栏利用jQuery执行以下操作：
使下拉按钮具有交互性
隐藏并关闭一个二级导航栏，嗯..。快速导航。
问题是:当页面打开时，应该隐藏的div在jQuery隐藏之前只出现一小部分秒。
jQuery在一个外部的.js文件中找到，并在每个.js页面的底部链接，就在关闭的主体标记之上。
jQuery有点像这样：
$(document).ready(function () {
$(#example1).hide();
$(#example2).hide();
浏览 3提问于2013-12-04得票数 0
回答已采纳
我喜欢让我的Bootstrap布局中的导航栏内部元素可以由jQuery UI框架进行自定义。
<div class="navbar-inner ui-widget-header">
</div>
但是导航栏的背景总是黑色的。如何在不更改引导css文件的情况下，使用ui-widget-header类中的背景覆盖引导背景？
浏览 0提问于2012-03-28得票数 2
回答已采纳
我正在构建一个由PHP控制的动态导航栏，并且在我的列表中使用图像。我正在应用jQuery来实现“悬停”效果。这是PHP代码：
$path = $_SERVER['PHP_SELF'];
$page = basename($path);
$page = basename($path, '.php');
在我的导航列表中，我设置了'display:none‘和'display:inline’，这取决于$page使用PHP 'if‘语句的返回值。请参见代码：
<ul id="cssdropdown">
<l
浏览 0提问于2011-04-11得票数 0
我已经创建了一个侧导航栏，我正在使用jquery在两个html页面上使用它。导航栏中还有一个下划线，该下划线根据选定的导航链接移动。下面是导航栏和html页面的代码：
sidenav.html
<script type="text/javascript" src="script.js"></script>
<link href="design.css" rel="stylesheet" type="text/css" />
第1页第2页
页面1.html
<script s
浏览 1提问于2022-06-27得票数 0
1回答
当我滚动页面时，我需要将水平线添加到引导导航栏。简单地说，当页面加载和导航栏在顶部时，行应该是不可见的，但是当用户向下滚动页面时，我需要看到导航条的可见底线。
我知道可以通过路标之类的各种libaries来实现这一点，但我正在寻找最简单、最干净的方法来实现它，最好只使用jquery或most。
谢谢您:)
浏览 0提问于2016-11-16得票数 1
回答已采纳
1回答
我使用的是二十四个主题，我使用Ajax加载页面。
我想要发生的事情-菜单栏，使上一页在导航栏上的焦点，并突出显示当前页。
到底发生了什么-
没什么，只是保持原样。
我的代码：
// highlight the current menu item
jQuery('ul.menu li').each(function() {
jQuery(this).removeClass('current-menu-item');
});
jQuery(thiss).parents('li').addClass('current-menu-item
浏览 0提问于2014-08-14得票数 0
1回答
我正在用jQuery手机做一个手机网站。在页面中，我使用了一个带有三个按钮的导航栏。这些按钮有一个文本值，我想要更改其字体大小。但我不知道该怎么做，请指教。
浏览 1提问于2012-09-19得票数 2
回答已采纳
1回答
我试图在各种静态html页面上加载一个粘性导航栏标题。
我使用这个jquery脚本来做到这一点：
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<script>
$(function(){
$("#header"
浏览 7提问于2022-03-01得票数 1
我想我有一个jQuery问题。 因此，当我使用PC版的网站，点击导航栏项目(在我的超文本标记语言代码中是#menu-two .items )时，导航栏菜单就消失了。 我有一些媒体查询要重新调整导航栏菜单，在此媒体查询中，我希望当我单击导航栏项目时隐藏导航栏(即.hide)，在本例中为平板电脑和移动版本。 在这种情况下，计算机版本似乎无法从这两个版本中分离出来，并隐藏了#menu-two。 $('.toggle').on('click', function() {
$('.toggle').toggleClass('active
浏览 21提问于2019-09-02得票数 0
回答已采纳
我有一个现有的移动网站，我正在使用Phonegap变成本地应用程序。我现有的html工具栏使用的是css position: fixed，它在iOS或Android中不兼容。因此，我想使用jQuery mobile之外的固定导航/工具栏。我已经安装了它，它看起来很棒:-)唯一的问题是，当我使用站点中已经内置的搜索功能时，jQuery脚本的其余部分(没有使用)正在影响传递参数。我知道有办法关闭它，我已经做到了，但它仍然不是100%，而且它也有点超出了我的理解！
我想知道是否有一种方法可以只使用CSS和JS作为导航栏，而忽略其他部分？因为这是我唯一使用的功能。这意味着网站恢复正常，我可以使用jQu
浏览 0提问于2012-10-08得票数 1
回答已采纳
有没有办法像我们在iphone中那样获得指向后退的按钮。目前，我正在获得圆形按钮。
另外，任何人都有关于jQuery手机导航栏的想法。每当我们使用导航栏更改屏幕时，css都不会被应用。
浏览 0提问于2012-03-06得票数 0
2回答
有关加载类和选择器的问题
、、、
我对jQuery非常熟悉，所以我确信这是一个明显的错误--但它还是让我感到困惑。我试着制作一个非常简单的导航条，从500 it向下移动到页面顶部的绝对位置。
问题:当我使用导航栏的div ID和#navbar的选择器时，我似乎无法让js找到导航条。
这是js：
$(document).ready(function () {
$(window).bind('scroll', function () {
var scrollDepth = 500;
if ($(window).scrollTop() > scrollDepth) {
浏览 1提问于2014-05-21得票数 3
回答已采纳
2回答
我正在为一个花店开发一个网站，目前正在测试和完善它。一个长期存在的问题是肚脐条，当用户滚动通过它时，它应该坚持在页面的顶部。这在较长的页面上很好，但在屏幕分辨率较小且页面滚动结束后的导航“溢出”不起作用的短页面上--当导航器继续使用jQuery和位置时:修复页面在用户滚动过去后跳回顶部。(有关示例，请参见)。我如何解决这个问题，以便：
当页面内容比导航栏短时，导航条不会修复
导航栏在短页上滚动
function sticky_relocate()
{
var window_top = $(window).scrollTop();
var div_top = $('
浏览 3提问于2012-12-16得票数 3
1回答
我在使用Bootstrap的导航栏上引用以下示例： https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_navbar_form&stacked=h 复制HTML后，我将其放入我的JSP页面。以下是最终的HTML： <html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=de
浏览 19提问于2020-04-11得票数 2
回答已采纳
2回答
我正在尝试使用jquery supersized插件创建一个主页，以显示一个幻灯片来填充页面的图像，除了页面底部的导航栏。
导航栏高度为110px，宽度为100%。我遇到的问题是让图像在页面底部110像素处“停止”。我已经尝试过使用插件下载的超大css文件，但似乎没有什么效果。
有没有人知道这是否可能，或者有没有其他我可以使用的全屏幻灯片，以便在页面底部留出空间？
谢谢JD
浏览 0提问于2011-08-08得票数 0
回答已采纳
2回答
我正在尝试使用bootstrap，但是有一些关于导航栏的问题。目前它固定在顶部，但我希望在导航和页面顶部之间有一些填充，就像导航是浮动的一样。我还希望导航的宽度与内容相同。你知道这是怎么实现的吗？
谢谢！(下面的代码)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
浏览 4提问于2016-01-27得票数 0
我正在尝试创建一个页面内导航，使用经典的导航栏Bootstrap (3.2)。
我使用jQuery实现滚动到功能，并将active类移除并添加到正确的选项卡中。
问题
当使用Firefox点击导航栏链接时，焦点状态是打开的(Chrome可以正常工作)。
在正常的活动状态下，它是这样的：
在我单击项目之后，它就是这样处理的(它应该看起来像上一个项目，但它看起来像焦点状态保持在上面)：
我在中复制了这种行为。
浏览 6提问于2014-10-03得票数 1
我有一个标准的Twitter Bootstrap 3导航栏，上面有一些按钮(根据这里： )。我想要更改折叠行为(当它变成某个屏幕宽度下的下拉菜单时)，以便运行我的自定义Javascript函数，而不是创建下拉菜单。这是因为我对小屏幕的界面进行了比CSS所允许的更大范围的更改(例如，我在DOM中移动UI元素等)。
我应该关闭导航栏的折叠行为吗?如果是这样，该如何关闭？
然后我考虑页面加载和页面大小调整(使用JQuery的resize()事件)我检查新的窗口宽度并触发移动UI (通过我的函数)，如果宽度低于折叠点？
或者有没有更好的方法来做到这一点？
任何想法都很感谢！谢谢
浏览 0提问于2015-09-29得票数 0
我正在创建一个网站，我有一个标志在页面上，是静态的定位为正常。不过，我有一个jQuery插件，当它滚动到屏幕顶部时，它会将其转换为固定的定位元素，这样它就会固定在固定位置导航栏的顶部。我遇到的问题是，虽然徽标仍然是静态的，因为它还没有到达顶部，而是与导航栏重叠，但它出现在导航栏下面。我使用徽标上的z-索引尝试将其放置在顶部，但我发现，当同时在静态和固定位置元素之间使用时，这并没有什么不同。
有人有解决办法吗？
编辑:我想我应该提到我自己已经想出了一个解决方案，让徽标总是固定的，并且用javascript来调整它的位置，但是如果可能的话，我想用来修复它。
浏览 3提问于2013-05-13得票数 1
1回答
我正在尝试模仿在上看到的导航栏，但在使用JQuery时遇到了一些问题。我使用if语句进行滚动格式化，然后在if语句的底部包含一个hover方法。
$(function() {
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 100) {
$("nav").css("background-color","white");
$("nav").css("height","75px"
浏览 1提问于2017-09-02得票数 0
我正在使用reactstap并尝试实现一个正在修复的导航栏，它部分工作，因为导航栏是固定的，但是下一个组件移动到顶部(在导航栏后面)。如果未设置fixed属性，内容将正确显示在导航栏下方。 <Navbar className="bg-dark" color="dark" fixed="top" >
浏览 10提问于2019-05-24得票数 1
3回答
我有一个没有边框的导航栏。当导航栏在某个Y轴上滚动时，我想在导航栏上添加一个边框，然后返回到原始导航栏。此时，我使用的是jQuery fadeIn和fadeOut，无法使导航栏正常工作。下面是我的js。
window.addEventListener("scroll", function() {
if (window.scrollY > 500) {
$('.nav').fadeIn('slow');
}
else {
$('.nav').fadeOut();
}
},false);
这是我的inde
浏览 3提问于2015-02-05得票数 0
我正在做一个移动网站，但是在一些页面上，我不能使用jQuery，那么有没有办法让我有和在jQuery页面上一样的导航栏呢？(我不需要效果。)
这是我在jquery中用来做导航栏的东西：
<div data-role="page" class="type-interior">
<div data-role="header" data-theme="a">
<a href="a_certain_page.html" class='ui-btn-left ui-btn-back
浏览 2提问于2011-11-20得票数 0
回答已采纳
2回答
所以我用react制作了一个导航栏，我使用了菜单栏文本、徽标和按钮的三个组件。我将导航栏的背景设置为透明，组件设置为黑色。当悬停组件时，背景变为白色，导航栏变为白色。问题是我为每个组件使用了三个文件，我想让组件的颜色在导航栏悬停时变成白色，我不想让组件只在悬停时改变颜色。我该怎么做呢？如何在导航栏悬停类中定位components类名称？
浏览 29提问于2021-11-08得票数 1
我在Rails应用程序中使用了Bootstrap主题(来自)，但由于某些原因，导航栏没有响应。CSS适用于除响应式导航栏之外的所有其他功能。
对于传统的html文件，它工作得很好，但当我将它包含在Rails布局中时(如下所示)，它不会响应，也不会显示您通常看到的右对齐的jQuery下拉菜单。
下面是我如何将js和css包含在我的布局的头部，employees.html.erb
<%= stylesheet_link_tag "scaffolds.css.css", :media => "all" %>
<%= stylesheet
浏览 0提问于2013-06-28得票数 0
回答已采纳
我正在构建Wordpress/Bootstrap站点，并试图使用jquery向导航栏添加一个“固定”类，当用户滚动通过它时：
<script>
jQuery(function($){
$(document).on('scroll',function(){
var $this = $(this),
$menu = $('#menu'),
scrl = $this.scrollTop(),
menuHeight = $menu.height();
浏览 1提问于2014-07-01得票数 0
回答已采纳
2回答
我可以使用以下代码片段在jQuery移动页面中创建一个包含两个项目的导航栏：
<div id="nav-bar" data-role="navbar">
<ul id="nav-list">
<li><a id="link1" href="#">Nav 1</a></li>
<li><a id="link2" href="#">Nav 2</a
浏览 0提问于2012-12-17得票数 0
回答已采纳
已经花了几天的时间试图弄清楚这一点，但也许是不可能的。
我正在使用jquery lightbox和一个单独的主页导航，用于多个图库，每个都有一个lightbox功能。
我想将jquery lightbox覆盖在一个div中，这样它就不会覆盖整个窗口，而只与它所在的div相关？
原因是-我希望主导航是可访问的，而不是点击覆盖，我希望灯箱的内容留在设置的参数(即容器的页面)，而不是移动时，不使用不同的屏幕分辨率，因此不与主导航栏和标题对齐。
任何建议re: jquery脚本，插件，以使这成为可能，如果可能的话。或者其他建议，我们将不胜感激。
谢谢
浏览 3提问于2011-06-16得票数 1
2回答
我有一个导航栏定制的问题要克服，希望以前有人想要同样的行为。
在我的导航堆栈中，有一些特定的视图控制器，我希望它们有一个完全透明的导航栏，我使用以下代码来实现：
// Make navigation bar transparent
[self.navigationController.navigationBar setBackgroundImage:[UIImage new]
forBarMetrics:UIBarMetricsDefault];
self.navigationController.na
浏览 2提问于2014-08-22得票数 0
我有uinavigationcontroller和uiviewcontroller。现在是我的navigationbarhidden = yes。但是当我隐藏导航栏时，又改变了状态栏的颜色。我想将状态栏的颜色更改为隐藏导航栏的颜色。我这样做了：
这只是iOS6中的一种破解方式，但它只改变了不在导航控制器中的视图的颜色。
有什么想法吗？
浏览 1提问于2013-03-26得票数 2
3回答
JQuery上下滑动
、、、、
我目前在一个网站上工作，我有一个导航栏，我把它放在页面的底部，我想让它这样做，当我点击我的一个按钮时，导航栏会滑到页面的顶部，当我再次点击同样的按钮时，它会回到原来的位置(页面的底部)。
我已经用JQuery编写了这段代码来让我的导航栏向上滑动：
jQuery：
$(document).ready(function () {
$('.nav-top').click(function () {
$('#navigation').animate({ "top": "0" }, 500);
})
});
浏览 1提问于2014-02-26得票数 0
我正在使用bootstrap 3.0，并在一个移动网站上工作。我想知道如何改变按钮的背景颜色。导航栏-当导航栏折叠时切换。
基本上我想问的是，当导航栏菜单打开时，如何在移动设备上显示“按下”状态？
浏览 5提问于2013-09-21得票数 1
我在forms.In中创建了一个跨平台应用程序，我使用的是内容页面导航栏()，我添加的内容页导航栏()使用ToolBarItems.It显示，对于Android和iOS，它显示得很好，但对于UWP，它是随ellipsis.And一起出现的，当我单击省略号时，只有按钮文本是visible.Before单击的，似乎导航栏中没有按钮。下面是导航栏的屏幕快照，然后单击省略号。
以下是单击省略号后导航栏的屏幕截图。
是否有任何方法可以自动打开省略号，而不点击它为UWP。请帮帮忙。
浏览 0提问于2018-05-31得票数 1
我正在使用Jquery Mobile创建一个iPad应用程序，并希望使用<div class="content-secondary">创建一个导航栏，在该导航栏中包含可扩展的内容
现在我可以在二级目录中创建一个简单的基于<li>的导航，但是当我尝试添加可扩展的内容时，它不会像预期的那样呈现--只是显示展开的内容，而没有任何标题或折叠方式。我曾尝试创建一个JSFiddle来说明()，但似乎JSFiddle不支持辅助导航窗格，因为无论我如何扩展宽度，它只会呈现为连续的页面内容。
如果你点击上面的Fiddle链接，你会看到导航栏被附加在主要内容的底部。可折叠的
浏览 1提问于2012-04-09得票数 1
回答已采纳
我正在开发一个导航侧边栏，它可以从窗口的左侧、点击或其他类似事件中来回切换。使用jQuery似乎相当简单：
$(document).ready(function () {
$nav = $("nav");
$nav.hide();
// Toggles the nav bar when clicking the nav-intersect icon.
$("#nav-intersect").click(() => {
$nav.animate({ width: 'toggle' }, 350);
})
});
浏览 2提问于2020-04-03得票数 0
回答已采纳
对于我的第一个响应设计，我使用css @media和display: none；或display:table-cell来显示或隐藏侧栏。这很好，我需要显示:三个div布局的表格单元格。
CSS示例：
#div_right { display: table-cell; }
@media screen and (max-width: 700px) { #div_right {display: none; } }
JS是标准的ToogleDisplay函数( e.style.display = "table-cell"；代替e.style.display =“块”；)
在小窗口/屏幕
浏览 7提问于2014-10-23得票数 0
回答已采纳
2回答
导航到另一个页面后保持CSS样式
、、、、
我有一些控制下拉列表和其他样式的导航栏的jQuery代码。为了测试目的，我做了第一行：
$( ".dropdown--link").on("click", function(event) {
event.preventDefault();
})
但这阻止了我的联系。是否有一种方法来维护jQuery样式，并在维护添加的样式的同时链接到新页面？例如，在我导航到新页面并希望它保持不变(在删除的情况下)之后， event.preventDefault();之后的所有样式event.preventDefault();都会被删除。
( ".dropdown-
浏览 1提问于2016-01-27得票数 0
回答已采纳
我正在使用jQuery手机进行Phonegap的开发。
优势：
I喜欢简单的功能(即通过散列进行页面导航，自动弹出以加载)。()
问题：
我想用我自己的图片来做按钮，工具栏等等。它将在系统中动态生成，因此准备好的静态.css不是选项。的结果是，我仍然希望具有jQuery移动功能，但禁用所选小部件的样式，并使用自己的图像。
浏览 3提问于2011-07-11得票数 1
我正在尝试设置我的导航栏，以便像照片应用程序一样被看透。
使用什么属性来实现这一点？我已经尝试了导航栏的可用属性，但我无法获得工作。
这有可能做到吗？
我希望导航栏后面的视图在导航栏上方时被看到。
浏览 2提问于2011-02-24得票数 1
回答已采纳
1回答
粘性导航栏需要占用空间
、、、、
我正在尝试创建一个带有MaterializeCSS图钉插件的固定导航栏。到目前为止，它工作得很好，尽管当它捕捉到页面顶部(=获取位置:固定状态)时，页面内容会被推到导航栏下。
当然，我可以在我的内容上使用边距，但是当导航栏没有固定时，内容也会有这个边距。
有关示例，请查看。
我怎样才能使用MaterializeCSS图钉插件，而不会在每次被钉住的时候内容都掉出来？
浏览 16提问于2016-08-22得票数 2
10回答
根据Bootstrap 3文档，我向导航栏添加了以下属性：
<nav class="navbar no-margin-bottom" data-spy="affix" data-offset-top="90" >
...
</nav>
在向下滚动页面后，Bootstrap 4将不向导航栏添加类，这是词缀。有人能告诉我如何解决这个问题吗？Bootstrap.js和jQuery.js正在工作。
浏览 12提问于2016-04-01得票数 14
回答已采纳
1回答
Rails引导程序已损坏
、、、
我有个奇怪的问题。直到几分钟前才有任何问题。在不对less/css文件进行任何更改(从不)的情况下，引导程序按钮和导航栏标题的外观突然发生了变化。在第一张图片中，你可以看到按钮应该是什么样子的，在第二张图片中，你可以看到它现在的样子，而不需要鼠标悬停。
与导航栏标题相同，当我悬停鼠标时，它会反转其颜色。有人知道这是什么吗？非常感谢!
这是我的gemfile：
source 'https://rubygems.org'
ruby '2.0.0'
gem 'rails', '3.2.13'
ge
浏览 3提问于2013-04-30得票数 1
回答已采纳
我熟悉如何重写bootstrap css类，并且我已经成功地更改了固定导航栏的背景色。然而，我最近在我的项目中建立了bootstrap.css和bootstrap-responsive.css文件的maven依赖关系，从而从我的源代码中删除了这些文件。现在，导航栏内部的覆盖不存在，并且导航栏已恢复为默认颜色。有什么想法吗？
浏览 0提问于2012-10-02得票数 1
1回答
我正在寻找一些指南，说明我可以以JS/jQuery的方式使用什么来帮助实现以下目标：
当一个段落击中位于视图顶部的导航栏时，当用户滚动(例如通过一篇长篇文章)时，当用户滚动到段落的第一行时，charactersstick 会检测到，如果用户滚动了一个预先定义的字符，那么就可以访问该段的第一行来迭代导航栏中的那个字符。
有什么想法吗？
浏览 0提问于2020-12-10得票数 0
我在Rails应用程序上处理Foundation时遇到了问题。它们大多与定制和少数导航结构相关。
在我的assets文件夹中，我将application.css.scss和framework_and_overrides.css.scss作为覆盖样式导入到我的application.css.scss中，我还在其中导入了“基础”。
我理解top-bar的默认结构，但是我没有像样机中描述的那样构建一个两级响应式导航：
首先，很难改变大小、链接和背景颜色。有没有比检查或修改每个元素更简单的定制方法？
我是否可以在两行中创建一个导航栏，此部分中的每个列表元素都属于切换，并且我需要保持
浏览 0提问于2014-07-18得票数 3
1回答
我试图找出如何格式化一个元素是不同的，在我的网站。例如，我导航栏中列表的背景是绿色的。我正在为列出多个项目在正文中列出一个列表。它自动地将我导航栏中的所有格式输入到我的列表中，就像它应该的那样。
我的问题是如何创建一个ID或类来删除在我的导航栏中使用的格式，以便为我体内的列表创建自己的格式。我试着查找youtube视频并在谷歌上搜索，但我所能找到的只是同时设置多个选择器的格式。
如何覆盖正文中列表的导航栏的CSS？
对于我的班级，我试着做，然后ul.amazon01 {背景色:无；而且它不工作。
我的导航栏HTML：
<div class="flex-container"
浏览 3提问于2019-10-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
