我可以创建一个只有HTML的粘性菜单栏吗?
我想知道如何在使用专门的html代码滚动时创建一个粘性菜单栏。这可能吗?灵感网站 为了澄清。。。我的菜单栏由“Plånböcker”、“Kundtjänst”和“Om Oss”组成 我的菜单栏HTML代码是我可以创建一个只有HTML的粘性菜单栏吗?,html,menu,position,sticky,Html,Menu,Position,Sticky,我想知道如何在使用专门的html代码滚动时创建一个粘性菜单栏。这可能吗?灵感网站 为了澄清。。。我的菜单栏由“Plånböcker”、“Kundtjänst”和“Om Oss”组成 我的菜单栏HTML代码是 <nav id="main_navigation"> <ul class="row">{{! Highlight "All items" if we are on a list page and no navigation item is selected }
<nav id="main_navigation">
<ul class="row">{{! Highlight "All items" if we are on a list page and no navigation item is selected }}
<li class="column {{#list_page}}{{#no_current_navigation}}selected{{/no_current_navigation}}{{/list_page}}"> <a href="{{store_url}}/products">
{{#navigation}}
<li class="column {{#is_current}}selected{{/is_current}}">
<a href="{{url}}">
{{label}}
</a>
</li>{{/navigation}} {{#store_blog_url}}
<li class="column"> <a href="{{store_blog_url}}" target="_blank">
{{#lang}}Blog{{/lang}}
</a>
</li>{{/store_blog_url}}
<li class="column">
<li class="column"> <a href="{{store_url}}/Kundtjänst">
Kundtjänst
</a>
</li> <a href="www.wingmanstore.se/Kundtjänst" target="_blank">
</a>
</li>
<li class="column {{#about_page}}selected{{/about_page}}"> <a href="{{store_url}}/page/about">
{{#lang}}Om oss{{/lang}}
</a>
</li>
</ul>
<div id="search_container">{{search}}</div>{{! By using #is_current within a #navigation block we can find the currently selected navigation item }} {{#navigation}} {{#is_current}} {{! Render the submenu if it has any navigation items }} {{#children?}}
<ul class="child_navigation row">{{#children}}
<li class="column"> <a href="{{url}}">
{{label}}
</a>
</li>{{/children}}</ul>{{/children?}} {{/is_current}} {{/navigation}}</nav>
</header>
{{!如果我们在列表页上,并且没有选择任何导航项,则突出显示“所有项”}
- {{/navigation}{{{store#blog_url}}
-
{{/store\u blog\u url}
-
-
-
{{search}{{!通过使用{导航块中的{is#u current,我们可以找到当前选定的导航项}{{{导航}{{{当前{如果子菜单中有任何导航项}{{{子菜单}}}}
{{{children}
-
{{/children}
{{/children?}{{/is{/u current}}{{/navigation}
你的问题没有真正意义,因为如果没有样式的指导,HTML是毫无用处的。例如,您引用的站点使用此选项来完成其粘性标题:
#top-header-container {
position: fixed;
top: 0;
margin: auto;
width: 100%;
z-index: 98;
background: rgba(255,255,255,0.75);
height: 70px;
}
通过在HTML页面中嵌入style
标记,可以使用相同类型的样式 style
标记是HTML。我不知道一个人怎么能在没有CSS的情况下创建一个网站,或者你到底为什么要尝试。