blocks|key|441542|text|这种效果通常是通过如下的一些jquery逻辑来实现的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|441543|$(window).bind('scroll',+function+()+{
++++if+($(window).scrollTop()+>+50)+{
++++++++$('.menu').addClass('fixed');
++++}+else+{
++++++++$('.menu').removeClass('fixed');
++++}
});|code-block|syntax|javascript|441544|这意味着一旦窗口滚动超过一定数量的垂直像素，它就会向菜单添加一个类，将其位置值更改为"fixed“。|441545|有关完整的实施细节，请参阅：http://jsfiddle.net/adamb/F4BmP/|offset|length|441546|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/adamb/F4BmP/^0|0|0|0|E|W|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>This effect is typically achieved by having some jquery logic as follows:</p>

<pre><code>$(window).bind('scroll', function () {
    if ($(window).scrollTop() &gt; 50) {
        $('.menu').addClass('fixed');
    } else {
        $('.menu').removeClass('fixed');
    }
});
</code></pre>

<p>This says once the window has scrolled past a certain number of vertical pixels, it adds a class to the menu that changes it's position value to "fixed".</p>

<p>For complete implementation details see: <a href="http://jsfiddle.net/adamb/F4BmP/" rel="noreferrer">http://jsfiddle.net/adamb/F4BmP/</a></p>


blocks|key|223052|text|在本例中，您可以将菜单居中显示。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|223053|HTML|223054|<div+id="main-menu-container">
++++<div+id="main-menu">
++++++++//your+menu
++++</div>
</div>|code-block|syntax|javascript|223055|CSS|223056|.f-nav{++/*+To+fix+main+menu+container+*/
++++z-index:+9999;
++++position:+fixed;
++++left:+0;
++++top:+0;
++++width:+100%25;
}
#main-menu-container+{
++++text-align:+center;+/*+Assuming+your+main+layout+is+centered+*/
}
#main-menu+{
++++display:+inline-block;
++++width:+1024px;+/*+Your+menu's+width+*/
}|223057|JS|223058|$("document").ready(function($){
++++var+nav+=+$('#main-menu-container');

++++$(window).scroll(function+()+{
++++++++if+($(this).scrollTop()+>+125)+{
++++++++++++nav.addClass("f-nav");
++++++++}+else+{
++++++++++++nav.removeClass("f-nav");
++++++++}
++++});
});|223059|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>In this example, you may show your menu centered.</p>

<h2>HTML</h2>

<pre><code>&lt;div id="main-menu-container"&gt;
    &lt;div id="main-menu"&gt;
        //your menu
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<h2>CSS</h2>

<pre><code>.f-nav{  /* To fix main menu container */
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
#main-menu-container {
    text-align: center; /* Assuming your main layout is centered */
}
#main-menu {
    display: inline-block;
    width: 1024px; /* Your menu's width */
}
</code></pre>

<h2>JS</h2>

<pre><code>$("document").ready(function($){
    var nav = $('#main-menu-container');

    $(window).scroll(function () {
        if ($(this).scrollTop() &gt; 125) {
            nav.addClass("f-nav");
        } else {
            nav.removeClass("f-nav");
        }
    });
});
</code></pre>


blocks|key|222946|text|您还可以使用css规则：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|222947|position:+fixed+;和top:+0px+;|offset|length|style|CODE|222948|在你的菜单标签上。|222949|entityMap^0|0|0|H|I|A|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]|$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|K|$]]

<p>You can also use css rules:</p>

<p><code>position: fixed ;</code> and <code>top: 0px ;</code></p>

<p>on your menu tag.</p>


blocks|key|441613|text|与adamb相同，但我将添加一个动态变量num|type|unstyled|depth|inlineStyleRanges|entityRanges|data|441614|num+=+$('.menuFlotante').offset().top;|code-block|syntax|javascript|441615|获取窗口内的精确偏移量或位置，以避免找到正确的位置。|441616|+$(window).bind('scroll',+function()+{
+++++++++if+($(window).scrollTop()+>+num)+{
+++++++++++++$('.menu').addClass('fixed');
+++++++++}
+++++++++else+{
+++++++++++++num+=+$('.menuFlotante').offset().top;
+++++++++++++$('.menu').removeClass('fixed');
+++++++++}
++++});|441617|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>same as adamb but I would add a dynamic variable num </p>

<pre><code>num = $('.menuFlotante').offset().top;
</code></pre>

<p>to get the exact offset or position inside the window to avoid finding the right position. </p>

<pre><code> $(window).bind('scroll', function() {
         if ($(window).scrollTop() &gt; num) {
             $('.menu').addClass('fixed');
         }
         else {
             num = $('.menuFlotante').offset().top;
             $('.menu').removeClass('fixed');
         }
    });
</code></pre>


blocks|key|441682|text|或者以更动态的方式执行此操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|441683|$(window).bind('scroll',+function+()+{
++++var+menu+=+$('.menu');
++++if+($(window).scrollTop()+>+menu.offset().top)+{
++++++++menu.addClass('fixed');
++++}+else+{
++++++++menu.removeClass('fixed');
++++}
});|code-block|syntax|javascript|441684|在CSS中添加类|441685|.fixed+{
++++position:+fixed;
++++top:+0;
}|441686|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Or do this in more dynamic way</p>

<pre><code>$(window).bind('scroll', function () {
    var menu = $('.menu');
    if ($(window).scrollTop() &gt; menu.offset().top) {
        menu.addClass('fixed');
    } else {
        menu.removeClass('fixed');
    }
});
</code></pre>

<p>In CSS add class </p>

<pre><code>.fixed {
    position: fixed;
    top: 0;
}
</code></pre>


blocks|key|441698|text|尝试使用粘滞的jquery插件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|441699|https://github.com/garand/sticky|offset|length|441700|​|441701|<script+src="jquery.js"></script>
<script+src="jquery.sticky.js"></script>
<script>
++$(document).ready(function(){
++++$("#sticker").sticky({topSpacing:0});
++});
</script>|code-block|syntax|javascript|441702|441703|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|W|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|G|5|6|7|11|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|C]]]]

<p>try with sticky jquery plugin </p>

<p><a href="https://github.com/garand/sticky" rel="nofollow noreferrer">https://github.com/garand/sticky</a></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script src="jquery.js"&gt;&lt;/script&gt;
&lt;script src="jquery.sticky.js"&gt;&lt;/script&gt;
&lt;script&gt;
  $(document).ready(function(){
    $("#sticker").sticky({topSpacing:0});
  });
&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|223116|text|检查下面的链接，它有html，css，JS和一个实况演示:)享受|type|unstyled|depth|inlineStyleRanges|entityRanges|data|223117|http://codepen.io/senff/pen/ayGvD|offset|length|223118|​|223119|//+Create+a+clone+of+the+menu,+right+next+to+original.
$('.menu').addClass('original').clone().insertAfter('.menu').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','500').removeClass('original').hide();

scrollIntervalID+=+setInterval(stickIt,+10);


function+stickIt()+{

++var+orgElementPos+=+$('.original').offset();
++orgElementTop+=+orgElementPos.top;+++++++++++++++

++if+($(window).scrollTop()+>=+(orgElementTop))+{
++++//+scrolled+past+the+original+position;+now+only+show+the+cloned,+sticky+element.

++++//+Cloned+element+should+always+have+same+left+position+and+width+as+original+element.+++++
++++orgElement+=+$('.original');
++++coordsOrgElement+=+orgElement.offset();
++++leftOrgElement+=+coordsOrgElement.left;++
++++widthOrgElement+=+orgElement.css('width');

++++$('.cloned').css('left',leftOrgElement%2B'px').css('top',0).css('width',widthOrgElement%2B'px').show();
++++$('.original').css('visibility','hidden');
++}+else+{
++++//+not+scrolled+past+the+menu;+only+show+the+original+menu.
++++$('.cloned').hide();
++++$('.original').css('visibility','visible');
++}
}|code-block|syntax|javascript|223120|*+{font-family:arial;+margin:0;+padding:0;}
.logo+{font-size:40px;+font-weight:bold;color:#00a;+font-style:italic;}
.intro+{color:#777;+font-style:italic;+margin:10px+0;}
.menu+{background:#00a;+color:#fff;+height:40px;+line-height:40px;letter-spacing:1px;+width:100%25;}
.content+{margin-top:10px;}
.menu-padding+{padding-top:40px;}
.content+{padding:10px;}
.content+p+{margin-bottom:20px;}|223121|<div+class="intro">Some+tagline+goes+here</div>|223122|223123|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|X|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|J|7|15|8|@]|9|@]|A|$K|L]]|$1|O|3|P|5|J|7|16|8|@]|9|@]|A|$K|L]]|$1|Q|3|G|5|6|7|17|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|C]]]]

<p>check the link below, it has the html, css, JS and a live demo :) enjoy</p>

<p><a href="http://codepen.io/senff/pen/ayGvD" rel="nofollow">http://codepen.io/senff/pen/ayGvD</a></p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>// Create a clone of the menu, right next to original.
$('.menu').addClass('original').clone().insertAfter('.menu').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','500').removeClass('original').hide();

scrollIntervalID = setInterval(stickIt, 10);


function stickIt() {

  var orgElementPos = $('.original').offset();
  orgElementTop = orgElementPos.top;               

  if ($(window).scrollTop() &gt;= (orgElementTop)) {
    // scrolled past the original position; now only show the cloned, sticky element.

    // Cloned element should always have same left position and width as original element.     
    orgElement = $('.original');
    coordsOrgElement = orgElement.offset();
    leftOrgElement = coordsOrgElement.left;  
    widthOrgElement = orgElement.css('width');

    $('.cloned').css('left',leftOrgElement+'px').css('top',0).css('width',widthOrgElement+'px').show();
    $('.original').css('visibility','hidden');
  } else {
    // not scrolled past the menu; only show the original menu.
    $('.cloned').hide();
    $('.original').css('visibility','visible');
  }
}</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>* {font-family:arial; margin:0; padding:0;}
.logo {font-size:40px; font-weight:bold;color:#00a; font-style:italic;}
.intro {color:#777; font-style:italic; margin:10px 0;}
.menu {background:#00a; color:#fff; height:40px; line-height:40px;letter-spacing:1px; width:100%;}
.content {margin-top:10px;}
.menu-padding {padding-top:40px;}
.content {padding:10px;}
.content p {margin-bottom:20px;}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="intro"&gt;Some tagline goes here&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|441661|text|您可能需要添加以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|441662|+$(window).trigger('scroll')+|code-block|syntax|javascript|441663|若要在重新加载已滚动的页面时触发scroll事件，请执行以下操作。否则你可能会把你的菜单弄乱。|441664|$(document).ready(function(){
++++++++$(window).trigger('scroll');
++++++++$(window).bind('scroll',+function+()+{
++++++++++++var+pixels+=+600;+//number+of+pixels+before+modifying+styles
++++++++++++if+($(window).scrollTop()+>+pixels)+{
++++++++++++++++$('header').addClass('fixed');
++++++++++++}+else+{
++++++++++++++++$('header').removeClass('fixed');
++++++++++++}
++++++++});+
});+|441665|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>you may want to add:</p>

<pre><code> $(window).trigger('scroll') 
</code></pre>

<p>to trigger the scroll event when you reload an already scrolled page. Otherwise you might get your menu out of position. </p>

<pre><code>$(document).ready(function(){
        $(window).trigger('scroll');
        $(window).bind('scroll', function () {
            var pixels = 600; //number of pixels before modifying styles
            if ($(window).scrollTop() &gt; pixels) {
                $('header').addClass('fixed');
            } else {
                $('header').removeClass('fixed');
            }
        }); 
}); 
</code></pre>


blocks|key|441572|text|这是jquery代码，用于修复浏览器顶部的div，希望它能帮上大忙。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|441573|<script+type='text/javascript'+src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script+type='text/javascript'>//<![CDATA[+
$(window).load(function(){
$(function()+{
++++$.fn.scrollBottom+=+function()+{
++++++++return+$(document).height()+-+this.scrollTop()+-+this.height();
++++};

++++var+$el+=+$('#sidebar>div');
++++var+$window+=+$(window);
++++var+top+=+$el.parent().position().top;

++++$window.bind("scroll+resize",+function()+{
++++++++var+gap+=+$window.height()+-+$el.height()+-+10;
++++++++var+visibleFoot+=+172+-+$window.scrollBottom();
++++++++var+scrollTop+=+$window.scrollTop()

++++++++if+(scrollTop+<+top+%2B+10)+{
++++++++++++$el.css({
++++++++++++++++top:+(top+-+scrollTop)+%2B+"px",
++++++++++++++++bottom:+"auto"
++++++++++++});
++++++++}+else+if+(visibleFoot+>+gap)+{
++++++++++++$el.css({
++++++++++++++++top:+"auto",
++++++++++++++++bottom:+visibleFoot+%2B+"px"
++++++++++++});
++++++++}+else+{
++++++++++++$el.css({
++++++++++++++++top:+0,
++++++++++++++++bottom:+"auto"
++++++++++++});
++++++++}
++++}).scroll();
});
});//]]>++

</script>|code-block|syntax|javascript|441574|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This is jquery code which is used to fixed the div when it touch a top of browser hope it will help a lot.</p>

<pre><code>&lt;script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'&gt;&lt;/script&gt;
&lt;script type='text/javascript'&gt;//&lt;![CDATA[ 
$(window).load(function(){
$(function() {
    $.fn.scrollBottom = function() {
        return $(document).height() - this.scrollTop() - this.height();
    };

    var $el = $('#sidebar&gt;div');
    var $window = $(window);
    var top = $el.parent().position().top;

    $window.bind("scroll resize", function() {
        var gap = $window.height() - $el.height() - 10;
        var visibleFoot = 172 - $window.scrollBottom();
        var scrollTop = $window.scrollTop()

        if (scrollTop &lt; top + 10) {
            $el.css({
                top: (top - scrollTop) + "px",
                bottom: "auto"
            });
        } else if (visibleFoot &gt; gap) {
            $el.css({
                top: "auto",
                bottom: visibleFoot + "px"
            });
        } else {
            $el.css({
                top: 0,
                bottom: "auto"
            });
        }
    }).scroll();
});
});//]]&gt;  

&lt;/script&gt;
</code></pre>


blocks|key|441643|text|$(window).scroll(function+()+{

++++++++var+ControlDivTop+=+$('#cs_controlDivFix');

++++++++$(window).scroll(function+()+{
++++++++++++if+($(this).scrollTop()+>+50)+{
+++++++++++++++ControlDivTop.stop().animate({+'top':+($(this).scrollTop()+-+62)+%2B+"px"+},+600);
++++++++++++}+else+{
++++++++++++++ControlDivTop.stop().animate({+'top':+($(this).scrollTop())+%2B+"px"+},600);
++++++++++++}
++++++++});
++++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|441644|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$(window).scroll(function () {

        var ControlDivTop = $('#cs_controlDivFix');

        $(window).scroll(function () {
            if ($(this).scrollTop() &gt; 50) {
               ControlDivTop.stop().animate({ 'top': ($(this).scrollTop() - 62) + "px" }, 600);
            } else {
              ControlDivTop.stop().animate({ 'top': ($(this).scrollTop()) + "px" },600);
            }
        });
    });
</code></pre>


blocks|key|223130|text|你可以用你的导航div试试这个|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|223131|postion:+fixed;
top:+0;
width:+100%25;|code-block|syntax|javascript|223132|entityMap^0|8|3|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>You can try this with your nav <code>div</code>:</p>

<pre><code>postion: fixed;
top: 0;
width: 100%;
</code></pre>


blocks|key|441718|text|使用JavaScript，当某些元素进入或离开视口时，您可以使用交叉点观察者API触发此效果。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|441719|https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API|offset|length|441720|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|22|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

<p>Using JavaScript, you could trigger this effect using Intersection Observer API when certain elements enter or leave the viewport.</p>
<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API</a></p>


<p>I've seen some websites that when the user scrolls down the page a box would pop-up to the right or left... </p>

<p>Also, noticed this template: <a href="http://www.mvpthemes.com/maxmag/" rel="noreferrer">http://www.mvpthemes.com/maxmag/</a> the designer does a nice job leaving the nav bar fixed on top. </p>

<p>Now, how are these done? I guess it uses jquery to get the position of the page and to show the box.</p>

<p>Can you please guide me to where I can find a snippet so I can learn to do something like that.</p>


Leave menu bar fixed on top when scrolled

我见过一些网站，当用户向下滚动页面时，会在右侧或左侧弹出一个框……另外，注意到这个模板：设计者做了一个很好的工作，将导航栏固定在顶部。现在，这些是如何实现的呢？我猜它使用jquery来获取页面的位置并显示框。你能告诉我哪里可以找到这样的片段吗?这样我就可以学着做这样的事情了。

问滚动时将菜单栏固定在顶部
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问滚动时将菜单栏固定在顶部EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问滚动时将菜单栏固定在顶部
EN