问题标签 [responsive-nav]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
118 浏览

javascript - Javascript img src 变体?

我正在使用响应式导航插件在我目前正在处理的这个网站上进行导航,缩小导航的标签在 javascript 文件中,我想让它成为菜单按钮而不是文本。

有什么办法可以做到吗?(在下面的代码中,我已将我想要成为图像的部分更改为“这就是我想要成为的图像”)

非常感谢。

0 投票
1 回答
576 浏览

css - 使css下拉菜单响应

我正在尝试根据浏览器窗口使 css 下拉菜单响应。

我希望菜单文本根据浏览器窗口保持居中

请参阅此视频作为预期行为的示例:

https://youtu.be/ZPWforRw_cc?t=34m23s

0 投票
1 回答
40 浏览

twitter-bootstrap - 随着宽度的增加,不断填充 twitter-bootstrap 导航菜单。

我正在使用默认的 Twitter Bootstrap 响应式导航栏(从移动设备上工作)。我希望菜单随着导航栏宽度的扩大而不断填充。

我当前的导航(非常适合移动设备)

然而,随着宽度的扩大,我想用更多的菜单项填充列表。

0 投票
0 回答
25 浏览

responsive-design - 中心响应式导航

对于我的生活,我无法将列表项放在页面中心。任何人都可以伸出援助之手吗?我只希望六个 li 元素居中,直到它转移到移动设备上。JS 小提琴:https ://jsfiddle.net/qkre9v17/这是 html:

0 投票
0 回答
276 浏览

javascript - 变量未定义(响应导航)

我正在使用响应式导航插件 (responsive-nav.com) 并为许多项目做过。我喜欢它,而且效果很好。我已经开始使用 CodeKit,它在保存之前检查 javascript,即使插件在页面上工作,它也会抛出错误。我更喜欢设计/html/css,所以我只是想检查一下我还有另一种编写/调用插件的方法。目前我使用这个:

我认为这在文档中是正确的,但我收到以下 2 个警报/错误;

“导航”已定义但从未使用过。— 未定义第 9 列“responsiveNav”。— 第 22 栏

我(想我)理解这意味着什么,但想知道是否还有另一种编写代码的方式?我不知道如何调整它,所以它不使用变量。我尝试了这个:

没有返回任何错误,但插件停止工作。看起来很标准吗?

谢谢,希望有人能对此有所了解。

0 投票
1 回答
60 浏览

javascript - 如何为这个响应式水平导航添加另一个级别?

我正在尝试为具有额外级别的网站构建响应式导航。我将如何更新以下 html/css/javascript 来实现这一点?我知道这是一个很大的问题,但我希望有人知道答案。这是我的代码:

0 投票
1 回答
79 浏览

javascript - HTML/CSS/JavaScript Html 页面在另一个 html 页面滚动条问题

当我尝试将另一个 HTML 文件加载到我现有的文件中时,我遇到了问题。我在我的 html 代码中使用 JavaScript 执行此功能

Q1:如果我将它移动到同一个文件夹并将其更改 data="home.html"为它应该正常工作,则此代码在文件夹中时找不到“home.html” 。可以解决吗?

Q2:即使代码找到我的“home.html” ,它也会加载到一个带有滚动条的盒子类型的东西中,以便能够看到页面的全部内容(滚动条可以是垂直的或水平的,具体取决于里面的内容)加载的页面)

在此处输入图像描述

“index.html”和它的“style.css”文件:

“home.html”文件

PS:这可能都是错误的,也许我正在尝试使用错误的方式做所有事情

PSS:这不是我文档的完整代码,我删除了很多代码以确保它没有错误,包括样式和其他

编辑#1:我希望“受限”框消失并打开“home.html”,就像我直接从我的电脑打开它一样”


我非常感谢您能提供的任何帮助。

0 投票
1 回答
119 浏览

jquery - 响应式导航子标题重叠

我创建了一个带有子标题的响应式导航菜单,但是当悬停或点击时子标题重叠。我想知道如何解决这个问题,确保它们不会重叠并正常显示。我确实使用了一个 jquery 插件来双击去属性,问题可能出在那儿吗?谢谢!

这是正在发生的事情的图片:子标题重叠:

在此处输入图像描述

这是一个代码笔,

http://codepen.io/caguilera0001/pen/VKkQxy

下面是代码

0 投票
1 回答
81 浏览

html - 响应式导航栏隐藏其下方的元素

我创建了一个响应式导航栏,但它使下面的元素,一个 Flexslider 插件,消失了。在我制作导航栏之前,下面的 Flexslider 会显示得很好,但现在却没有。导航栏的 z-index 为 2,所以我不知道问题出在哪里。我应该如何/我应该改变什么以允许 Flexslider 显示并且导航栏仍然响应?谢谢!

我的代码有点长,所以评论中有代码笔(由于某种原因它不会让我在这里发布它们)

这是一个没有响应式导航的网站链接,但它显示了 Flexslider:http ://bancroftmiddleschool.org

使用响应式导航链接到文件,但不显示 Flexslider:http ://bancroftmiddleschool.org/index%20copy.html

0 投票
3 回答
208 浏览

html - Navigation Hides Menu Icon

I created a responsive navigation bar, but when it is in mobile view, the headings on the menu are hiding the menu icon when they are shown. Below is a picture of what is happening (I don' have enough reputation to post pictures yet, so there are links), and a code pen. I have tried adding padding and adjusting the float property, but nothing works. Thank you!

Code pen: http://codepen.io/caguilera0001/pen/yarwRO

After Menu Icon is Clicked:

HTML:

CSS: