以下是我的HTML标签，用于使用Materialize CSS框架制作的网页标签。我试图像在此example中一样，在向下滚动页面时使标签停留在页面顶部。
我已经使用文档中所示的scrollspy进行了尝试，但无法实现我一直期待的目标：
如果有什么能建议我正确的方法，我将非常感激。
.scooter{
background: #2baeba !important;
}
.scooter li a{
color: #fff !important;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet"/>
<section class="content-wrapper scooter" >
<div class="container-fluid sooter">
<ul class="tabs tabs-fixed-width package-tab scooter">
<li class="tab"><a class="active" href="#test1">Test 1</a></li>
<li class="tab"><a href="#test2">Test 2</a></li>
<li class="tab"><a href="#test3">Test 3</a></li>
<li class="tab"><a href="#test4">Test 4</a></li>
</ul>
</div>
</section>
<section>
<p id="test1">
<h2>Test 1</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam esse officiis deserunt odio iure magnam non eius labore tenetur, porro nulla animi nobis error soluta saepe in sequi earum suscipit molestiae voluptatum perferendis vel harum odit id. Iure et, porro repellendus, totam ea illo at, blanditiis est nisi a nam accusamus, veniam nobis ducimus doloremque. Ullam magni tempore dolore officiis a ex nobis incidunt modi esse eaque nostrum quam rerum, quasi, doloremque libero, dolorem id veritatis consectetur laboriosam! Dolorum molestias a, modi rem at, cumque neque, vel architecto harum delectus perspiciatis adipisci eveniet beatae? Beatae eaque, error enim. Rem harum possimus impedit consectetur molestias architecto! Tenetur labore iure reiciendis ipsam quod, laboriosam eveniet unde illo magnam. Ullam adipisci molestias, eius asperiores dolorum vitae consequuntur officia unde veniam amet itaque, similique maxime. Sint vel officiis deleniti illum nobis architecto animi alias quaerat vero. Quod libero maiores ipsam ab, aspernatur in laborum, fuga, tenetur quae, necessitatibus sapiente harum earum incidunt. Sapiente modi quam consectetur, voluptates consequatur amet. Praesentium, nam, id. Aliquid deleniti debitis adipisci illum accusantium, magnam ipsum necessitatibus quas aliquam amet, eum quod laboriosam recusandae sapiente quaerat nam, velit tempora animi. Doloremque eaque perspiciatis alias aperiam totam quasi eius et. Soluta beatae sint incidunt, fugiat odio voluptates ea. Officia architecto numquam harum blanditiis reiciendis ad eum iusto laudantium, ipsum nulla? Accusantium eaque minus, suscipit. Maxime excepturi at vitae aliquid ipsa explicabo libero minus autem dolor, quasi ipsum neque sequi in nesciunt suscipit molestias. Vel impedit rerum vero soluta quisquam, libero sed doloremque vitae recusandae saepe quia veniam fugit ex dicta nam laboriosam qui architecto corporis enim eligendi incidunt quo. Asperiores magnam odit, hic sapiente sit repudiandae dolorum non eos natus pariatur, sunt dignissimos rem molestias aut ad beatae nisi in assumenda officia aspernatur alias aliquid quasi eligendi. Consectetur reiciendis nihil doloribus vitae, optio, eveniet amet excepturi veritatis natus voluptates ducimus adipisci nam maiores laborum doloremque dolorem reprehenderit, unde tempore nobis odio atque molestiae aspernatur veniam consequatur! Quia incidunt fuga quidem sequi dignissimos repellendus libero accusantium corporis aut delectus quis explicabo obcaecati officiis enim, placeat, optio, corrupti. Voluptates, illo. Dicta fugit in quidem quasi distinctio nesciunt doloribus eos tenetur. Iusto, eum deleniti ab natus earum facere temporibus amet ipsum nesciunt sunt exercitationem ipsa unde id illo tempora, fugiat consequuntur quis recusandae, pariatur, tenetur. In suscipit quas officia magnam cupiditate pariatur earum, itaque rerum esse similique quos asperiores accusamus, doloribus porro perferendis ratione explicabo illo, eligendi. Dignissimos alias reprehenderit et error voluptate ipsam, excepturi, repellendus facilis corporis rerum modi quam hic laborum exercitationem ad expedita dolore ipsa? Eum ex corrupti itaque repellat numquam non quidem, neque consectetur. Iste voluptas fuga nostrum, porro doloribus reiciendis, aut ex explicabo provident tempore minima magni numquam officia? Ipsam voluptatum odio unde delectus a officiis deserunt harum assumenda qui reprehenderit, dolore accusamus ab, dolorum illo eligendi. Consequatur voluptatum natus perferendis commodi? Numquam voluptatibus itaque, explicabo odio placeat iste, perferendis optio magnam quas quis dolores, recusandae eveniet repellendus neque ullam aut temporibus at? Earum commodi, non tempora neque quidem.</p>
<p id="test2">
<h2>Test 2</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur ullam animi, aspernatur obcaecati, distinctio natus necessitatibus itaque cupiditate sit. Molestias quia, voluptatem. Ratione, vero maiores amet aut deserunt quis ducimus, minus voluptates, quo possimus libero! Harum accusantium vero aspernatur exercitationem beatae, enim libero at animi dolor voluptatum quae, necessitatibus earum nisi quos laborum amet iusto! Soluta repudiandae debitis, earum suscipit, animi libero aliquid. Odio quae iusto, a consequatur. Corrupti quaerat sed veniam officia cum, accusamus beatae atque neque! Deserunt incidunt corporis saepe tempore nemo excepturi maiores, labore voluptatibus, possimus cumque explicabo? Quis molestiae, mollitia maxime. Nihil, consequatur dolore, aperiam repudiandae corporis aut perferendis pariatur harum repellendus, natus earum. Earum ipsam, mollitia fugiat! Tempora placeat fugiat voluptatum, adipisci quisquam magnam fugit expedita inventore vel omnis ipsum animi atque dolorem ipsam voluptates cupiditate quia debitis ex. Debitis, beatae quam inventore aspernatur. Laboriosam cumque a quae autem ratione accusamus dignissimos harum consequatur ad? Officiis reiciendis aliquid fuga cum itaque nesciunt, eum adipisci dignissimos dicta quo, eligendi vitae autem, perspiciatis nam libero. Amet modi, doloribus fugiat corrupti excepturi odio adipisci asperiores nulla temporibus provident ad velit perferendis, nesciunt, voluptatibus maxime, unde quo odit molestias. Pariatur repellat voluptates commodi obcaecati expedita earum doloremque excepturi minima at soluta molestias qui blanditiis nemo sequi, enim incidunt, aut velit. Esse maiores ipsa quisquam assumenda, veritatis praesentium vero ab eos rerum accusantium laboriosam aperiam sint tempora aut hic commodi amet perspiciatis repellendus. Ducimus praesentium enim voluptatum est distinctio, labore doloremque blanditiis. Aspernatur ex dolore sint nobis eum temporibus dolores odio sequi assumenda? Molestias aspernatur, debitis sequi. Quam voluptates amet, corporis debitis tempore similique sed mollitia consequuntur voluptatum laudantium, perferendis itaque architecto quaerat atque reiciendis. Earum officia rerum quaerat illo sapiente! Incidunt, id reiciendis ducimus. Perspiciatis in officiis voluptas ex commodi explicabo ullam blanditiis. Aperiam sint reprehenderit quas veniam doloremque optio cumque alias tenetur temporibus, consectetur fugiat, natus ratione ut iusto quaerat molestias aliquam enim ea reiciendis sequi a placeat saepe vero. Facilis sint nihil ipsam est, error nobis minima. Eligendi tenetur, esse dicta similique atque natus praesentium porro quae nesciunt odit suscipit incidunt ab sunt exercitationem deserunt eius debitis itaque, architecto saepe cum rerum. Vero itaque aperiam inventore eligendi nemo, accusantium ut, nisi fugiat debitis ducimus veritatis maxime dolore, tenetur? Blanditiis quasi unde fugit optio aperiam, pariatur officia sed necessitatibus explicabo quo, alias iusto! Veniam debitis obcaecati eius. Dolor aperiam nemo quidem architecto distinctio, recusandae nobis magni, laudantium numquam, quis provident laborum. Dignissimos, facere deserunt excepturi, distinctio, ipsam, nobis esse odio officia quas aperiam ratione similique reprehenderit error vero impedit. Incidunt provident perferendis, quia ducimus qui, esse nemo molestiae ullam rem repudiandae pariatur doloribus, repellendus excepturi cum soluta at ab officiis asperiores. Laudantium animi, exercitationem dolorum mollitia ullam pariatur ad, beatae similique amet, ex provident. Culpa est sit fugiat, recusandae atque nisi voluptas provident earum laborum nulla repellat quo repellendus non aliquid velit nihil quia, rem excepturi, ipsum ea itaque iste pariatur veniam blanditiis. Veritatis temporibus facilis, odio neque voluptatem esse soluta amet labore, excepturi illo ea accusamus, sequi!</p>
<p id="test3">
<h2>Test 3</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem quia totam accusantium laboriosam, commodi possimus, consequatur obcaecati ea repellendus dignissimos, vitae, dolore neque beatae alias. Quaerat, tenetur. Similique delectus nam est voluptatibus laboriosam eius, nostrum, quae. Neque, eaque eius magnam facilis deleniti iste voluptatibus assumenda, ab numquam magni doloremque beatae quae sint aspernatur itaque. Vel earum quod amet dolor iusto fuga pariatur, iste maiores ea nemo aspernatur, deleniti eum, doloremque blanditiis enim praesentium saepe sequi. Ut, quae esse excepturi, laudantium blanditiis velit voluptate minus totam quidem possimus consectetur. Reiciendis laborum, rerum laudantium non amet earum asperiores temporibus doloremque dicta hic nulla provident expedita exercitationem, similique, est autem harum ipsa deserunt optio maiores voluptatum modi? Itaque facilis doloremque quibusdam architecto in officia veniam possimus odit laboriosam atque ab, unde dolor error obcaecati non accusantium ea mollitia quae. Laborum aliquid saepe omnis modi, nisi est magni delectus non quos quod vero sapiente, molestias quidem odio unde expedita ipsam quis molestiae voluptatem. Minus ipsum nobis, libero velit reprehenderit dolorum et blanditiis, nam est mollitia vel doloribus possimus enim eveniet at, voluptatibus aperiam ad corporis iste atque obcaecati autem labore. Molestias officia sed odit ratione cum nihil, vel dolorem quo nobis obcaecati animi non, dicta dolor quidem nemo ipsum iusto expedita quaerat unde nesciunt libero tempora! Quas perspiciatis sunt, harum deleniti consectetur id, qui velit non asperiores voluptas eaque, vero illo ea officiis incidunt! Sequi officia, adipisci temporibus repudiandae inventore eius corporis fugit ullam expedita cumque alias delectus vitae amet, velit atque, recusandae ad totam. Illo, quam quaerat inventore dignissimos, reiciendis officia, minima quisquam obcaecati, temporibus earum excepturi maiores dolores velit. Esse repudiandae, inventore totam quidem mollitia dolor dignissimos placeat adipisci magnam, saepe magni, eveniet odio vitae cum laboriosam ut quam dolores distinctio? Optio quibusdam sed et illo, perferendis maiores tenetur provident eveniet, magni illum voluptatem laboriosam quos, architecto sit deserunt facilis asperiores nobis vero cupiditate soluta ducimus error! Voluptatibus pariatur, eius quae corporis est nobis quam eum, quasi aliquam labore laborum porro modi cupiditate minima voluptate asperiores itaque ipsum voluptates accusantium maxime tempore voluptatem quia exercitationem facilis. Repellat voluptas ad a, sint fugit vitae voluptates soluta est excepturi, magnam consectetur suscipit commodi rem nulla vel deleniti aliquid laudantium voluptatem iusto quibusdam qui labore ipsa fugiat. Neque vel in vero quas odit a provident et eum quam quibusdam culpa itaque molestias necessitatibus nobis, ipsum similique repellendus adipisci quisquam iste tempora nam, nulla. Culpa, cumque iste nulla, quisquam dignissimos at ut alias dolore, commodi repellendus odio. Molestias animi, repellendus? Quam voluptatum tenetur explicabo sequi nisi facilis corporis aspernatur soluta iste. Aliquam necessitatibus hic commodi pariatur facere maiores, quasi soluta voluptatum assumenda fuga accusantium laboriosam eligendi nam dolor iste, enim molestias! Deleniti ipsum magnam officia suscipit dignissimos at quam repudiandae, sequi maiores, culpa et veniam fuga quod quibusdam sapiente aliquam ipsam vitae repellat aliquid, optio error cupiditate. Nemo, aut, tenetur. Voluptatibus nisi, reprehenderit doloribus cumque repellat alias, aspernatur qui nemo vel molestiae aperiam perferendis est consequuntur nihil officia facilis accusantium, excepturi error libero dicta possimus ex.</p>
<p id="test4">
<h2>Test 4</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, aliquam magni consequuntur consequatur, labore error explicabo esse adipisci, aspernatur, quibusdam odio porro sit. Ut ex iusto accusamus fuga quaerat natus deserunt. Numquam exercitationem vero quae consectetur, inventore. Dolores, ab qui temporibus beatae est? Blanditiis ea reiciendis quos impedit quas debitis praesentium facilis aspernatur, doloribus iusto neque, perferendis earum totam accusantium consectetur quaerat quibusdam, expedita numquam alias vitae! Magni quasi consequatur in pariatur voluptatum obcaecati numquam officia impedit, at libero consequuntur voluptates qui odio nihil quia quidem est dicta quo eligendi similique quae ut veritatis ullam dolore. Dignissimos laborum consequatur eum nesciunt quos obcaecati eaque sed exercitationem, accusamus velit a eveniet, nam optio, incidunt. Alias corporis magnam aliquam obcaecati suscipit pariatur unde, dolorem facilis. Harum veniam odio molestias perferendis numquam eos corporis recusandae dicta porro ducimus magni officiis at incidunt dignissimos doloremque, exercitationem, laboriosam modi suscipit sunt culpa obcaecati sit? Consequuntur ex maxime, nesciunt velit, iure cupiditate dolorem sit? Dolorum, neque, cum! Dolore perferendis, beatae error quasi. Doloribus labore similique, harum unde aspernatur consectetur, iusto nostrum. Repudiandae ipsa minima hic mollitia ut sunt nisi aliquam temporibus asperiores facere enim consequatur est amet placeat eum modi veniam incidunt dolorum unde perspiciatis eligendi aut dolorem odit, eos? Consectetur perferendis, optio sit fugiat quisquam, vel suscipit tempora unde illo accusantium id atque dolorum labore architecto eum numquam eius aperiam hic soluta autem eaque. Esse modi reprehenderit magni debitis, hic sequi quibusdam vero neque ad provident sit, iure quod qui fuga odio molestias accusantium ipsam libero nisi similique, minima atque culpa deleniti dolores. Reprehenderit nam nobis delectus cum architecto illo maiores, voluptates necessitatibus natus. Dignissimos id delectus, repellendus qui tempora ipsam possimus accusantium laborum veritatis saepe tenetur sunt voluptatum iste placeat. Voluptatum, maxime quaerat sint quod temporibus, excepturi ex sed officiis doloribus voluptate fugiat asperiores, harum iure. Iure aperiam repellendus amet fugit quos voluptatibus ab numquam fugiat recusandae, odit illo necessitatibus asperiores debitis incidunt aspernatur possimus. Accusamus, quod culpa. Nobis, odit. Eius culpa quaerat veniam fugiat itaque voluptatibus maxime, odio inventore quis beatae minus odit voluptates asperiores, doloremque, earum tenetur ex ab dolorum excepturi dignissimos vero molestiae. In dolorem architecto esse repudiandae facilis amet molestiae ducimus, sequi enim voluptatibus aspernatur! Doloribus eum, quia libero illum repudiandae vitae, nobis fugiat reprehenderit quasi delectus distinctio recusandae architecto. Facere quaerat, eligendi laudantium! Atque adipisci recusandae expedita accusantium rem magnam quasi vitae pariatur! Ducimus quidem repudiandae maxime, dicta, soluta, quasi omnis minus temporibus saepe debitis sunt officiis enim necessitatibus similique pariatur quod reiciendis excepturi quibusdam dolor eveniet asperiores ab eos facere ratione! Nam veniam dolores neque similique natus aut adipisci, aspernatur consequatur accusantium quia quis aliquid optio incidunt eius iure, inventore eaque facilis et repellat. Deleniti quod nemo iste vero delectus eius, numquam atque itaque maxime libero, nostrum ipsam error velit explicabo ratione earum consectetur. Repudiandae praesentium possimus ipsa, dignissimos sequi fuga accusamus debitis repellat suscipit illo, quos blanditiis officiis quasi, earum nisi quas harum quisquam voluptas perferendis itaque necessitatibus quidem vel. Illo adipisci, officia eos? Et, similique, at!</p>
</section>