我可以创建一个只有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 }

我想知道如何在使用专门的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 }}
        <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的情况下创建一个网站,或者你到底为什么要尝试。