2回答
您是否能够使用CSS而不是JavaScript & JQuery来分隔导航列表，以便在某些<li>标记之间具有垂直空间？
示例：
它需要响应包含div的高度或窗口高度。导航列表结构如下：
<ul>
<li><a href="#">Link</a></li>
<li class="spacer"></li>
<li><a href="#">Link</a></li>
浏览 6提问于2013-11-19得票数 1
1回答
我正在与响应式布局的wordpress主题设计。响应式布局是使用css3媒体quires.Currently安排的，该主题导航依赖于大屏幕尺寸的水平superfish导航。我想使用superfish或accordian将导航更改为垂直导航。如何更改移动屏幕的导航？
浏览 3提问于2012-12-21得票数 0
回答已采纳
我的页面顶部有一个标准的水平导航菜单。为了使其响应，我将布局更改为屏幕上小于908px的垂直大小，并使用JQuery的切换函数在小屏幕上按一个“菜单”按钮显示/隐藏水平菜单。它在任何地方都能发挥很大的作用，除非我手动调整浏览器窗口的大小，当切换关闭时，导航更改为水平，但不隐藏。菜单栏仍然设置为display:none。
网站是
这是我使用的jQuery代码：
jQuery('a.btn-navbar').click(function() {
jQuery('.nav-collapse').toggle('slow', functi
浏览 0提问于2013-09-13得票数 0
回答已采纳
我使用的是Liferay 6.2，并在我的html页面中包含了合金UI的Bootstrap版本，即：
<link href="http://cdn.alloyui.com/2.5.0/aui-css/css/bootstrap.min.css" rel="stylesheet" />
<script src="http://cdn.alloyui.com/2.5.0/aui/aui-min.js"></script>
我想在我的html中使用Bootstrap的响应式导航栏，就像上的例子一样，但这需要包含jqu
浏览 2提问于2014-05-20得票数 1
1回答
铬在导航中放大
、、、、
我有一个响应性很强的布局，在移动狩猎(iOS)中非常有效，但在chrome (Android)上发生了一件奇怪的事情:有一个垂直导航，如果我点击某个位于导航结束处的链接-- chrome“打开”一个弹出窗口，显示我所点击区域的缩放版本，并允许我更准确地选择单击哪个链接。
这种行为叫什么？
有办法从HTML/CSS中禁用它吗？
谢谢
浏览 2提问于2014-01-31得票数 0
1回答
我在我的网站上有一个来自Bootstrap 3.3.7的旋转木马滑块，我想在上面添加两个图像作为导航按钮。
我想把这些按钮稍微盖住我的滑块，让滑块垂直对齐到按钮(按钮更高)，并让它仍然有响应。我现在很沮丧，因为它不像我想的那样工作，所以我决定向你寻求帮助。
我想这张图片可以理解我的意思。
谢谢你，
浏览 1提问于2017-11-11得票数 0
1回答
你好，亲爱的StackOverflow社区，
我一直在努力通过使用媒体查询来学习如何使导航响应，我的意图是使导航菜单变成一个垂直样式的导航栏。您还能提供给我一个特殊的规则，将导航菜单从水平转换为垂直？
提前谢谢你
index.html
styles.css
浏览 1提问于2022-06-19得票数 -1
有没有人在jquery中看到一个完整的垂直页面导航菜单，它隐藏到用户用食指从左到右拉到页面以显示导航为止？我见过很多移动应用程序这样做(Gmail用于iPhone，facebook用于iphone，mail用于ipad)，但我认为将同样的体验扩展到我正在构建的站点的“响应”设计将是很棒的，因此当基于移动大小的解析减少时，用户可以与菜单交互，就像更多的移动应用正在走向现在的趋势一样。
此外，这个想法也可以扩展到“菜单”按钮方法，当按下它就会显示隐藏的导航，但是用户也可以简单地将页面拉到右边来显示导航。这是谷歌最近发布的新gmail移动应用程序的屏幕。
浏览 4提问于2011-11-17得票数 0
2回答
做粘性垂直导航的最佳方法是什么？
、、、、
我准备对我的投资组合进行编码，我希望在这个网站上有一个垂直导航：
我看到其他人用JQuery做这件事，但它是水平的。如果导航是垂直的，我找不到任何解决方案。
我很感谢你的帮助。我喜欢使用jquery插件的想法，但我认为最好从头开始编写它。我只想知道怎么做。
浏览 4提问于2014-07-26得票数 0
回答已采纳
我在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
回答已采纳
1回答
我使用JQuery移动导航栏中的选项卡作为参考中给出的选项卡
但是，我的要求是使用JQuery mobile创建垂直选项卡，如下所示
我的代码如下所示，我希望选项卡像在上那样垂直
浏览 0提问于2012-01-10得票数 0
回答已采纳
1回答
正在尝试使用CSS3创建垂直导航栏。类似于"Smokey Bones“网站使用的以下示例
但是，我不能使用Wordpress站点或插件。我需要用HTML5/CSS3来做这件事&我可以使用一些javascript。谁知道我在哪里可以找到可用的垂直导航栏？我需要CSS代码。
请注意，简单的垂直链接列表将不起作用。此外，它应该是响应性的。
浏览 21提问于2018-08-05得票数 0
我说的更有活力，并不是指响应性或移动端选择。我想要的是一个水平滚动条出现在每次窗口最小化和所有元素无法适应新的-更小的窗口大小。这对用户体验来说不是最好的，但对于缺乏移动选项/响应能力来说，这是一个暂时的解决方案。我让它工作(在某种程度上)，但遇到了一些问题。正如你在这里看到的：
这个JSFiddle中没有照片或任何东西，因为它在我的文件目录中，但问题仍然很明显。
当它被最小化(在垂直方向上变窄)时，右侧的列将消失(带有海军蓝圆圈和文本的列)，并替换为白色空格。当它以另一种方式最小化(高度<宽度)时，导航栏等元素会完全压缩，看起来不专业。
我试过了：
overflow-x: auto;
浏览 2提问于2016-05-30得票数 0
如何使用jquery绘制垂直和水平线，并使其响应？这是我的链接 enter code here‘
垂直线并没有到达应有的位置，而且水平线也没有响应。请帮帮忙
浏览 1提问于2014-09-17得票数 0
我正在尝试让一个bootstrap导航栏固定在顶部(我已经这样做了)，并使它可以垂直扩展。
我想把一个谷歌地图和我的所有控件在这个导航栏固定在顶部，使它可以垂直扩展，以便用户可以改变其大小在一个响应式的方式。
我的导航栏和google地图div的代码：
<div class="navbar navbar-default navbar-fixed-top">
<div class="col-lg-8">
<div class="row">
浏览 0提问于2016-03-11得票数 0
2回答
如何垂直对齐徽标旁边的导航？但响应式的徽标和导航设计不会输。
如下所示：
这是我当前导航的演示
徽标的CSS
#masthead .site-branding{
float: left;
padding: 15px 0;
}
#masthead .site-branding img{
height: auto !important;
width: auto !important;
display: block;
}
浏览 1提问于2014-10-13得票数 0
1回答
我有一个附加导航在引导，这是很好的工作，直到你在iPhone上查看。它太宽了，不能垂直方向。我只想要导航“现在”和“溢出-x:滚动”。我正在利用所有的
自举流体布局
引导响应特性
词缀导航
我以为我只需要在导航系统的一部分white-space:nowrap; overflow-x:scroll;，但无法使它工作。
致力于更广泛的媒体：
在狭隘的媒体上不是很好，只想在导航上获得水平滚动(而不是整个页面)：
这里有把小提琴。调整结果窗格的大小，直到它非常窄(就像垂直方向iPhone屏幕)：
浏览 1提问于2013-02-21得票数 0
1回答
在Bootstrap 3导航栏中，可以将元素标记为active：
使用jQuery，我可以创建一个简单的函数，在单击时将活动状态从一个“切换”到另一个元素。
$('li').click(function() {
if ( ! $(this).hasClass('active')) {
$('li.active').removeClass('active');
$(this).addClass('active');
// Do more stuff h
浏览 2提问于2013-09-03得票数 1
回答已采纳
我使用了一个jQuery框架-- jcarousel.js在jQuery Mobile+ HTML构建的移动应用程序中，在页面上水平排序一些项目。
当我导航到页面时，首先我从web服务获取所有图像，使用JavaScript动态地将它们放在一个垂直列表中- <ul>，并以这种方式从索引调用脚本：
$('#imagesPage').live('pageshow', function (event, ui) {
jQuery('#imagesList').jcarousel({visible:2});
});
它
浏览 1提问于2013-05-16得票数 1
回答已采纳
2回答
我正在尝试使用垂直导航显示/隐藏图像，但我缺乏Jquery中的知识，有人能帮忙吗？
我已经有了jquery，用于在垂直nav中的活动状态之间切换：
$(document).ready(function () {
$('.vertical__menu-item').click(function () {
$('.vertical__menu-item').removeClass("vertical__menu-item--active ");
$(this).addClass("vertica
浏览 0提问于2018-04-23得票数 1
回答已采纳
有没有人可以推荐一种资源来创建垂直导航条，使用iphone来快速滚动，就像jQuery“手机”应用程序联系人页面上的字母导航条？
浏览 0提问于2013-05-11得票数 2
在移动设备上：
主菜单(默认菜单)：在顶部，我看到站点名，旁边是“切换导航”按钮(没有响应)，上面是一个垂直的菜单项列表。菜单上没有边框，背景色等等.
视图旋转木马:我看到图像id的垂直列表("1.“、"2.”、"3.“等等)上面是我的图片的垂直列表。
浏览 0提问于2015-12-07得票数 1
回答已采纳
我试图模仿一个垂直导航条，如所示，即菜单隐藏在一些‘点击’和当可见的移动页面到right。
我可以创建垂直菜单，但我对这种效果一无所知。
我正在使用引导、Jquery和角。
谢谢
浏览 1提问于2014-03-09得票数 1
回答已采纳
我有一个引导导航栏，定义如下：<ul class='nav nav-pills nav-stacked'>，它导致垂直导航(侧栏)。
现在，我希望在小型和额外的小型设备上禁用nav-stacked类，这样菜单就会水平地而不是垂直地出现。
我怎样才能做到这一点？
浏览 4提问于2014-09-20得票数 2
回答已采纳
1回答
在视窗上锁定水平滚动(移动网站)
、、、、
我正在开发一个带有垂直导航的移动网站。它从左侧显示，带有一个简单的jQuery动画，将主要内容移动到右侧。(示例： )我的问题是:有没有什么方法(viewport meta，html，jquery...)来锁定水平滚动？现在，当导航打开时，用户可以沿水平方向移动。我需要锁定这一运动，以迫使用户关闭导航，再次看到主要内容。
浏览 0提问于2012-11-30得票数 2
回答已采纳
2回答
我在下面列出了我的设计要求-
我正在创建一个相对于屏幕大小的响应网格布局。类似于附加的图像
如果用户调整屏幕大小，那么网格应该调整自己(包括高度和宽度)以占用屏幕大小。从技术上讲，网格应该占据整个屏幕，没有垂直滚动条。
上述条件#2只适用于桌面和平板设备。对于其他屏幕，网格将表现为正常的响应性布局(即使用垂直滚动条显示整个内容)。
请有人指导我如何使用jQuery插件或类似的工具来实现上述要求。
浏览 0提问于2015-05-15得票数 0
回答已采纳
2回答
我目前正在使用MeanMenu JQuery插件为我的网站创建一个响应性的导航，我想知道如何在导航进入响应模式后添加标题名。
我的JQuery技能没有那么强，我也不确定。
演示：。查看它的响应，并有三个酒吧在右边，作为一个菜单抽屉。我想在吧台旁边加上一个标题。
导航的大部分响应部分都是用JQuery编写的，这对我来说是新的东西。
希望能在这方面提供一些帮助。
Link:
谢谢。
浏览 0提问于2014-01-21得票数 1
回答已采纳
1回答
我是一个相对较新的前端开发人员，从来不需要跳出框框思考。对于工作，我有一个我以前没有做过的设计。
我们不使用水平导航菜单，而是使用垂直导航菜单，该菜单将位于屏幕的左侧，并且我们需要有一个居中的容器。网站需要有响应性。
背景信息：
左对齐的垂直菜单宽度为211px，高度为300px。容器的宽度是960px。
问题：
因为导航菜单占据了屏幕宽度的211px，所以当容器居中时使用边距:0会自动与菜单重叠。因此，我决定尝试使用以下代码来伪装它：
margin: -22px 0px 0px 255px;
但正如您所看到的，这样做并不能保证容器在所有浏览器/平台上都出现在相同的位置，这对响应式设计来说有点
浏览 3提问于2013-08-04得票数 0
2回答
^^
--这并不能解决我的问题--我的情况是不同的，因为有动画的css导航按钮。可以让它像这样工作:显示:表格单元格和垂直对齐:中间；等等，。
我有一个响应头，它在移动大小时显示一个导航按钮，您可以在其中显示其余的菜单项(例如，我的问题不需要它)。
因为我要使标题响应于高度，所以导航按钮总是垂直的居中。现在它被放置在中间，顶部的边距是20 if，因为按钮的高度是20 if，标题是60 if，所以它是居中的，但是如果标题高度发生了响应性的变化，那就不能工作了。
代码：
<header>
<nav>
<div class="col-nav&
浏览 2提问于2015-02-19得票数 0
回答已采纳
我正在使用Superfish菜单。我需要实现两个效果，一个是垂直效果，另一个是导航效果。我添加了这段代码
jQuery('#superfish-1 li a').hover(function() {
jQuery('#superfish-1').addClass('sf-vertical sf-navbar');
});
但是它只选择了导航栏效果..
有人能告诉我怎么做吗？
谢谢
浏览 4提问于2013-11-21得票数 0
1回答
我有一个移动应用程序，我想适应网络。底部的导航栏看起来不太适合web，我已经为其他应用程序屏幕实现了响应性UI。
是否有办法使水平底部导航栏，垂直的网页/桌面布局，或包做同样的？
浏览 6提问于2022-02-11得票数 0
我希望将Jquery 集成到Bootstrap中，以便自动将引导切换到这个滑动的左侧菜单和响应设计，而不是显示本机顶部垂直响应菜单。
有什么想法或方法吗？
Jquery：
我预先感谢大家。
杰伊。
浏览 9提问于2013-06-03得票数 6
1回答
我有一个响应的启动3布局正在进行中。它的一般形状如下：
导航，col 1 1Content，col-md-8
我的导航是垂直堆叠的，如下所示：
Nav 1
Nav 2
Nav 3
(Nav是UL，每个项目都是安莉。)
当我调整我的设计，如预期的，边栏和内容幻灯片“在”导航。但我的导航不需要在设计转换时占据同样的高度。我想要的是，当我越过响应阈值时，Nav会切换到列。这样它就会占用更少的空间。或者，我很高兴它完全消失了。
有指针吗？
浏览 2提问于2013-10-07得票数 0
回答已采纳
1回答
我正在使用mootools，并将基金会作为我的css“框架”。我正在使用的导航顶栏从基金会和它的伟大。然而响应式的设计被毁了。
由于我没有使用jquery ...
<--这是基础代码。 <-导航文档
我无法理解他们用来转换它的jquery脚本。有人知道mootools响应式导航栏吗？
浏览 2提问于2012-09-21得票数 0
回答已采纳
我尝试将一个元素在页面上垂直居中。这很好用。但是如果我添加一个导航栏，元素会垂直居中，但与导航栏的高度有一定的偏移。如何将内容容器垂直居中，包括导航栏高度？ body,html {
height: 100%;
} <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqu
浏览 43提问于2021-10-12得票数 1
回答已采纳
我有一个离开画布导航菜单(类名，是通过悬停，使用jQuery在我的Wordpress网站上启用。它应该是在页面加载时不可见的。
对于移动版本，我希望通过单击菜单图标来激活相同的导航菜单(这是我给出的两个类，按以下顺序:移动导航切换显示-导航-移动)。切换方法似乎只适用于垂直切换。我的解决方案是在单击而不是悬停时复制相同的动画，方法是使用图标上的toggleClass方法在一个类名之间切换，该类名打开菜单导航(show- nav -mobile)并使用以下代码关闭它(隐藏-导航-移动)：
jQuery(".show-nav-mobile").click(function(){
浏览 4提问于2022-09-21得票数 0
回答已采纳
我希望复制在以下网站使用的不均匀宽度垂直导航栏：
垂直滑动效果和脉冲杆是完全可选的，不是我必须要有的。我确实喜欢当你把鼠标移到上面的时候，条变宽的效果。
对于如何使用CSS和/或jquery实现这一点，有什么建议吗？
浏览 0提问于2011-07-31得票数 0
1回答
jquery mobile中的导航栏可以快速创建移动设备的水平菜单，如下所示：
当我从垂直屏幕切换到水平屏幕时，我发现导航栏在右侧有一个间隙。它的宽度应该是100%。
如下图所示：
任何人谁知道这个问题，请帮助解决这个问题？
谢谢。
浏览 0提问于2012-10-16得票数 1
我喜欢使用bootstrap来响应页面的一部分，对于页面的顶部，我到目前为止编写的代码工作得很好，因为它将导航元素并排放置在足够大的窗口中，当窗口的宽度变小时，它会将元素重新定位在彼此的顶部(就像是由手机使用的一样)。
然而，问题是垂直重新定位发生得太早，或者基本上，当窗口变小但不完全是手机宽度大小时，位置过早地垂直重新定位。
这就是我到目前为止所知道的：
<html>
<head>
<meta charset="utf-8">
<title>Walls</title>
浏览 0提问于2013-04-19得票数 0
回答已采纳
我已经制作了响应式菜单。在桌面上，导航水平显示在标题中:主页、画廊、关于等。对于较小的屏幕，我已经制作了汉堡图标，单击后，导航应该会展开。使用CSS，我隐藏了小屏幕上的导航，并设置了展开时的样式--它将垂直显示。
我用javascript做了一个函数，当你点击汉堡图标时，它会展开导航，当你再次点击时，它会折叠。
它起作用了。
问题是:如果我点击汉堡图标来显示导航，然后再次隐藏它，当我将浏览器的窗口放大到桌面大小时，导航不会再次水平显示在标题中，它仍然是隐藏的。
请帮帮我！
$('#drawer').click(function() {
$('header nav
浏览 14提问于2018-02-24得票数 0
回答已采纳
1回答
我们想要设计一个颤振的应用程序，导航的方式，应用程序“反射”。它看起来非常类似于具有视差式设计的响应性网站。我包括屏幕截图以防你没看过。
我已经开始用MaterialPageRoute替换CupertinoPageRoutes，它基本上将导航从右到左改变为滑动效果。
如果您查看导航箭头，他们是在右下角垂直。
我不知道如何确定，但这有可能只是一页吗？
浏览 0提问于2018-12-15得票数 0
回答已采纳
1回答
我正在设计一个响应性下拉菜单，其标记类似于以下内容：
<nav id="nav" role="navigation">
<a href="#nav">Show navigation</a>
<a href="#">Hide navigation</a>
<ul>
<li><a href="/landingpage.html">anchor link 1</a>
<d
浏览 1提问于2013-08-01得票数 3
回答已采纳
所以bootstrap的响应式网格对我的站点来说看起来很糟糕。当您缩小窗口时，所有内容都会被粉碎在一起，导航栏会折叠成三行(我禁用了响应式折叠导航栏)。
我试着删除bootstrap-responsive.css，但它仍然存在“流畅的实时网格崩溃”的问题。快把我逼疯了。
如何设置导航栏和整个页面的最小宽度？这样所有的东西都不会被推到一起，你必须使用水平滚动条来导航页面。
浏览 1提问于2012-09-01得票数 4
回答已采纳
3回答
w3schools有一个很好的导航条示例，它可以响应较小的屏幕：
如何使菜单项以中心为中心，而不是与左边对齐？设置ul.topnav li {float: center;}只会使它们垂直堆叠。
浏览 2提问于2017-03-05得票数 1
回答已采纳
3回答
有没有人有一个很好的jQuery或Javascript垂直内容旋转器的例子？尤其是带有导航箭头和缩略图的？
我见过的大多数都是水平的。
浏览 0提问于2011-03-14得票数 1
我使用的是Hammer.js，它似乎工作得很好，而且确实提到我可以限制水平和垂直方向，但我似乎不能让它禁用垂直滑动。基本上我有一个画布外的导航，我只想使用水平滑动来显示。
(function ($) {
var $sw = $('#left-content');
$sw.on('swipe', function (event) {
event.preventDefault();
$('#ns-tool-bar, #left-content').toggleClass('slide'
浏览 2提问于2013-01-17得票数 3
回答已采纳
1回答
我是一个设计要求主窗口没有滚动条的网站。
因此，为了查看垂直导航的最后几个链接，我编写了一些jquery代码，它将使导航向上显示任何隐藏的菜单链接，直到用户能够看到它们。
我需要完成的是在每次导航向上或向下移动时动态检测当前的最后一个可见链接。
有人能帮忙解决这个问题吗？
浏览 2提问于2011-03-29得票数 0
1回答
我的页面中有一个固定的顶部导航条，导航条被设置为一个固定高度的图像，而导航条本身有一个高度，我想做的是垂直对齐导航条品牌标识与右边的大屏幕和响应屏幕上的列表，我怎么做呢？这是我的代码：
.navbar{
height:150px;
}
.navbar-brand img{
height:95px;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<html>
<body
浏览 1提问于2017-04-16得票数 0
回答已采纳
首先，我看到试图把它放在中心位置。我尝试了这个解决方案，但它不起作用。出于某种原因，我在这上面找不到其他的东西。
如果我将导航栏的高度从默认大小更改为合适的大小(以便它可以将我的徽标保持在适当的大小)，则导航栏链接和汉堡菜单不再垂直居中。链接的位置我可以修复，但我没有做任何垂直居中的汉堡包按钮。这是我从React-Bootstrap站点为导航栏复制的代码，在响应模式下，汉堡按钮永远不会垂直居中。它位于页面的右上角。下面是我从React-Bootstrap站点复制的代码...
<Navbar collapseOnSelect staticTop>
<Navbar.Hea
浏览 2提问于2017-10-10得票数 0
1回答
我使用以下链接创建了一个简单的粘性导航条
现在，纳瓦尔巴一直处于水平位置。我想让肚脐垂直定位。有没有一种简单的方法。我不想使用额外的插件。一个简单的css或jquery代码来定位导航条类似于列表图标视图。
我正试图实现这个链接中的导航栏。
致以敬意，
麦克莱恩莫里斯pInto
浏览 5提问于2013-12-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
