簡體   English   中英

如何在網上商店中制作粘性標題

[英]How to make sticky header in a webshop

我買了一家網上商店,想制作一個粘性標題,以便它始終保持在頂部,但沒有任何解決方案有效,我現在真的不知道該怎么做。 也許有人知道如何讓它工作(也許我使用了錯誤的文檔或其他東西)這是“主標題”的代碼

    <div class="VerticalContainer LayoutContainer  hidden-xs hidden-sm containerlevel1 block_uCVH2J xs-pt-0 xs-pr-0 xs-pb-0 xs-pl-0 sm-pt-0 sm-pr-0 sm-pb-0 sm-pl-0 md-pt-0 md-pr-0 md-pb-0 md-pl-0">
    <% $breakpoint_xs=12 $breakpoint_sm=12 $breakpoint_md=12 $viewport_xs=100 $viewport_sm=100 $viewport_md=100 %>
        <div class="VerticalContainer LayoutContainer  hidden-xs hidden-sm containerlevel2 block_AJb3AWSz72yYqkKu4Hxs xs-pt-0 xs-pr-0 xs-pb-0 xs-pl-0 sm-pt-0 sm-pr-0 sm-pb-0 sm-pl-0 md-pt-0 md-pr-0 md-pb-0 md-pl-0 container">
            <% $breakpoint_xs=12 $breakpoint_sm=12 $breakpoint_md=12 $viewport_xs=100 $viewport_sm=100 $viewport_md=100 %>
                <div class="LayoutWrapper">
                    <div class="HorizontalContainer LayoutContainer level3 row containerlevel3 block_A2uGW9wfh3chajRB1xUz row containerlevel3 block_A2uGW9wfh3chajRB1xUz xs-pt-0 xs-pr-0 xs-pb-0 xs-pl-0 sm-pt-0 sm-pr-0 sm-pb-0 sm-pl-0 md-pt-0 md-pr-0 md-pb-0 md-pl-0">
                        <div class="LayoutWrapper">
                            <div class="VerticalContainer LayoutContainer  col-xs-4 col-sm-4 col-md-3 col-md-3 col-xs-4 col-sm-4 col-md-3 col-md-3 hidden-xs hidden-sm containerlevel4 block_Mg6zpS xs-pt-0 xs-pr-0 xs-pb-0 xs-pl-0 sm-pt-0 sm-pr-0 sm-pb-0 sm-pl-0 md-pt-0 md-pr-0 md-pb-0 md-pl-0">
                                <% $breakpoint_xs=4 $breakpoint_sm=4 $breakpoint_md=3 $viewport_xs=34 $viewport_sm=34 $viewport_md=25 %>
                                    <div class="VerticalContainer LayoutContainer  hidden-xs hidden-sm containerlevel5 block_ACgWE3dl6P7aMyLEiZpA xs-pt-0 xs-pr-0 xs-pb-0 xs-pl-0 sm-pt-0 sm-pr-0 sm-pb-0 sm-pl-0 md-pt-0 md-pr-0 md-pb-0 md-pl-0">
                                        <% $breakpoint_xs=4 $breakpoint_sm=4 $breakpoint_md=3 $viewport_xs=34 $viewport_sm=34 $viewport_md=25 %>
                                            <div class="LayoutWrapper">&nbsp;</div>
                                            <!--LayoutWrapper-->
                                    </div>
                                    <% $breakpoint_xs=4 $breakpoint_sm=4 $breakpoint_md=3 $viewport_xs=34 $viewport_sm=34 $viewport_md=25 %>
                            </div>
                            <% $breakpoint_xs=12 $breakpoint_sm=12 $breakpoint_md=12 $viewport_xs=100 $viewport_sm=100 $viewport_md=100 %>
                                <div class="VerticalContainer LayoutContainer  col-xs-4 col-sm-4 col-md-2 col-md-2 col-xs-4 col-sm-4 col-md-2 col-md-2 hidden-xs hidden-sm containerlevel4 block_Av9VlZFW9do3L9Sl3UHt xs-pt-0 xs-pr-0 xs-pb-0 xs-pl-0 sm-pt-0 sm-pr-0 sm-pb-0 sm-pl-0 md-pt-0 md-pr-0 md-pb-0 md-pl-0">
                                    <% $breakpoint_xs=4 $breakpoint_sm=4 $breakpoint_md=2 $viewport_xs=34 $viewport_sm=34 $viewport_md=17 %>
                                        &nbsp;</div>
                                <% $breakpoint_xs=12 $breakpoint_sm=12 $breakpoint_md=12 $viewport_xs=100 $viewport_sm=100 $viewport_md=100 %>
                                    <div class="VerticalContainer LayoutContainer  col-xs-4 col-sm-4 col-md-3 col-md-3 col-xs-4 col-sm-4 col-md-3 col-md-3 hidden-xs hidden-sm containerlevel4 block_AznTXorPnQUat83KnXDa xs-pt-0 xs-pr-0 xs-pb-0 xs-pl-0 sm-pt-0 sm-pr-0 sm-pb-0 sm-pl-0 md-pt-0 md-pr-0 md-pb-0 md-pl-0 last">
                                        <% $breakpoint_xs=4 $breakpoint_sm=4 $breakpoint_md=3 $viewport_xs=34 $viewport_sm=34 $viewport_md=25 %>
                                            <%$LAYOUT_block_id='20'%>

如果你想把它粘在上面,使用position:sticky; 並添加id。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM