代码之家 › 专栏 › 技术社区 › Reilly Ford

使用导航栏+页面选项卡格式化问题

uinavigationbar formatting css html javascript

Reilly Ford · 技术社区 · 7 年前

我一直在做一个学校项目,但我遇到了一个问题。我从W3得到了两个不同的东西——粘性导航栏,以及在一个页面上有不同选项卡的功能,这样所有信息都可以以一种不太混乱的方式呈现。问题是,当我试图同时合并这两个选项卡时,除非我决定在其上方插入一个边距,否则无法从顶部移动选项卡,这也会移动导航栏。我认为问题在于导航栏很粘,所以我无法移动它,但我不知道为什么标签不能低于导航栏。

Stack Overflow is yelling at me because it says I need code to insert a jsfiddle link, so here's my 'code.'

可以访问小提琴 here 。

(另外,如果有人能找出导致文本出现的函数不起作用的原因,我也会很感激。)

非常感谢。

1 回复 | 直到 7 年前

BSK 7 年前

您需要添加 top: 0px; 在固定的 ul 然后你就可以在 .tab 元素,但后面没有导航栏。此外,您的面板没有显示,因为您没有通过面板ID。

更改此项:

<button class="tablinks" onclick="openTab(event, 'Caesar')">Caesar</button>
<button class="tablinks" onclick="openTab(event, 'Vigenere')">Vigenere</button>

对此:

<button class="tablinks" onclick="openTab(event, 'caesartab')">Caesar</button>
<button class="tablinks" onclick="openTab(event, 'vigeneretab')">Vigenere</button>

使用内联JavaScript处理程序(onclick)并不是最佳做法,所以尽可能避免使用它们。看见 this post 至于原因。

推荐文章

Lokesh Rahul · 如何在向上滚动时向上滚动和导航栏,以及在向下滚动时需要显示的内容

2 年前

MrGreen · 无法呈现UISearchController

7 年前

Alex Ritter · Swift添加UICollectionView以代替导航栏标题

7 年前

Alexa289 · 为什么我看不到我的导航栏?

7 年前

enesefuu · UICollectionView导航栏闪烁

7 年前

Reilly Ford · 使用导航栏+页面选项卡格式化问题

7 年前

wj313 · iOS 11:大标题的UINavigationBar高度(模仿苹果音乐应用程序)

7 年前

Hanz Cheah · 在导航栏中添加最喜爱的爱情图标作为栏按钮项,单击时会触发不同的外观

7 年前

Witterquick · 刷新导航栏背景色

7 年前

Chris Byatt · 在iOS 11中忽略设置UINavigationBar外观

7 年前