Laktawan ti kangrunaan a linaon Laktawan ti docs navigation
Check
in English

Scrollspy nga

Automatiko nga i-update ti nabigasion ti Bootstrap wenno dagiti paset ti grupo ti listaan ​​a naibatay iti posision ti panag-scroll tapno mangipakita no ania a silpo ti agdama nga aktibo iti viewport.

No kasano ti panagandar dayta

Ti Scrollspy ket mangi-toggle ti .activeklase kadagiti elemento ti angkla ( <a>) no ti elemento nga addaan iti idtinukoy babaen ti angkla hrefket mai-scroll iti panagkita. Ti Scrollspy ket kasayaatan a mausar a maikuyog ti Bootstrap nav a paset wenno grupo ti listaan ​​, ngem daytoy ket agtrabaho pay kadagiti ania man nga elemento ti angkla iti agdama a panid. Kastoy ti panagandar dayta.

  • Tapno mangrugi, ti scrollspy ket agkasapulan ti dua a banag: ti nabigasion, grupo ti listaan, wenno ti simple a grupo dagiti silpo, agraman ti mai-scroll a pagkargaan. Ti mai-scroll a pagkargaan ket mabalin a ti <body>wenno ti kostumbre nga elemento nga addaan iti set heightken overflow-y: scroll.

  • Iti mai-scroll a pagkargaan, inayon data-bs-spy="scroll"ken data-bs-target="#navId"sadino navIdti naisangsangayan idti nainaig a nabigasion. Siguraduenyo met nga iraman ti maysa tabindex="0"tapno masigurado ti keyboard access.

  • Bayat nga i-scroll-mo ti “spied” a pagkargaan, .activemainayon ken maikkat ti maysa a klase kadagiti silpo ti angkla iti uneg ti nainaig a nabigasion. Masapul nga addaan dagiti silpo kadagiti masolbar ida puntiria, ta no saan, saanda a maikankano. Kas pagarigan, ti a <a href="#home">home</a>masapul a katupag ti maysa a banag iti DOM a kas<div id="home"></div>

  • Dagiti puntiria nga elemento a saan a makita ket saan a maikankano. Kitaen ti benneg dagiti Di makita nga elemento iti baba.

Dagiti pagarigan

I-scroll ti lugar iti baba ti navbar ken buyaen ti aktibo a panagbalbaliw ti klase. Luktam ti dropdown menu ket buyaem a mai-highlight met dagiti dropdown items.

Umuna a paulo

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Maikadua a paulo

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Maikatlo a paulo

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Maikapat a paulo

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Maikalima a paulo

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

<nav id="navbar-example2" class="navbar bg-light px-3 mb-3">
  <a class="navbar-brand" href="#">Navbar</a>
  <ul class="nav nav-pills">
    <li class="nav-item">
      <a class="nav-link" href="#scrollspyHeading1">First</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#scrollspyHeading2">Second</a>
    </li>
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
      <ul class="dropdown-menu">
        <li><a class="dropdown-item" href="#scrollspyHeading3">Third</a></li>
        <li><a class="dropdown-item" href="#scrollspyHeading4">Fourth</a></li>
        <li><hr class="dropdown-divider"></li>
        <li><a class="dropdown-item" href="#scrollspyHeading5">Fifth</a></li>
      </ul>
    </li>
  </ul>
</nav>
<div data-bs-spy="scroll" data-bs-target="#navbar-example2" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" class="scrollspy-example bg-light p-3 rounded-2" tabindex="0">
  <h4 id="scrollspyHeading1">First heading</h4>
  <p>...</p>
  <h4 id="scrollspyHeading2">Second heading</h4>
  <p>...</p>
  <h4 id="scrollspyHeading3">Third heading</h4>
  <p>...</p>
  <h4 id="scrollspyHeading4">Fourth heading</h4>
  <p>...</p>
  <h4 id="scrollspyHeading5">Fifth heading</h4>
  <p>...</p>
</div>

Na-umok nga nav

Agtrabaho met ti Scrollspy kadagiti nested .navs. No ti maysa a nested .navket .active, dagiti nagannakna ket agbalinto met a .active. I-scroll ti lugar iti abay ti navbar ken buyaen ti aktibo a panagbalbaliw ti klase.

Item 1

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Laglagipem a ti plugin ti JavaScript ket padasenna ti agpili ti umno nga elemento kadagiti amin a mabalin a makita. Adu a makita a puntiria ti scrollspy nga aggigiddan ti mabalin a mangpataud iti sumagmamano nga isyu.

Item 1-1

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Laglagipem a ti plugin ti JavaScript ket padasenna ti agpili ti umno nga elemento kadagiti amin a mabalin a makita. Adu a makita a puntiria ti scrollspy nga aggigiddan ti mabalin a mangpataud iti sumagmamano nga isyu.

Item 1-2

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Laglagipem a ti plugin ti JavaScript ket padasenna ti agpili ti umno nga elemento kadagiti amin a mabalin a makita. Adu a makita a puntiria ti scrollspy nga aggigiddan ti mabalin a mangpataud iti sumagmamano nga isyu.

Item 2

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Laglagipem a ti plugin ti JavaScript ket padasenna ti agpili ti umno nga elemento kadagiti amin a mabalin a makita. Adu a makita a puntiria ti scrollspy nga aggigiddan ti mabalin a mangpataud iti sumagmamano nga isyu.

Item 3

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Laglagipem a ti plugin ti JavaScript ket padasenna ti agpili ti umno nga elemento kadagiti amin a mabalin a makita. Adu a makita a puntiria ti scrollspy nga aggigiddan ti mabalin a mangpataud iti sumagmamano nga isyu.

Item 3-1

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Laglagipem a ti plugin ti JavaScript ket padasenna ti agpili ti umno nga elemento kadagiti amin a mabalin a makita. Adu a makita a puntiria ti scrollspy nga aggigiddan ti mabalin a mangpataud iti sumagmamano nga isyu.

Item 3-2

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Laglagipem a ti plugin ti JavaScript ket padasenna ti agpili ti umno nga elemento kadagiti amin a mabalin a makita. Adu a makita a puntiria ti scrollspy nga aggigiddan ti mabalin a mangpataud iti sumagmamano nga isyu.

<div class="row">
  <div class="col-4">
    <nav id="navbar-example3" class="h-100 flex-column align-items-stretch pe-4 border-end">
      <nav class="nav nav-pills flex-column">
        <a class="nav-link" href="#item-1">Item 1</a>
        <nav class="nav nav-pills flex-column">
          <a class="nav-link ms-3 my-1" href="#item-1-1">Item 1-1</a>
          <a class="nav-link ms-3 my-1" href="#item-1-2">Item 1-2</a>
        </nav>
        <a class="nav-link" href="#item-2">Item 2</a>
        <a class="nav-link" href="#item-3">Item 3</a>
        <nav class="nav nav-pills flex-column">
          <a class="nav-link ms-3 my-1" href="#item-3-1">Item 3-1</a>
          <a class="nav-link ms-3 my-1" href="#item-3-2">Item 3-2</a>
        </nav>
      </nav>
    </nav>
  </div>

  <div class="col-8">
    <div data-bs-spy="scroll" data-bs-target="#navbar-example3" data-bs-smooth-scroll="true" class="scrollspy-example-2" tabindex="0">
      <div id="item-1">
        <h4>Item 1</h4>
        <p>...</p>
      </div>
      <div id="item-1-1">
        <h5>Item 1-1</h5>
        <p>...</p>
      </div>
      <div id="item-1-2">
        <h5>Item 1-2</h5>
        <p>...</p>
      </div>
      <div id="item-2">
        <h4>Item 2</h4>
        <p>...</p>
      </div>
      <div id="item-3">
        <h4>Item 3</h4>
        <p>...</p>
      </div>
      <div id="item-3-1">
        <h5>Item 3-1</h5>
        <p>...</p>
      </div>
      <div id="item-3-2">
        <h5>Item 3-2</h5>
        <p>...</p>
      </div>
    </div>
  </div>
</div>

Ilista ti grupo

Agtrabaho met ti Scrollspy iti .list-groups. I-scroll ti lugar iti abay ti grupo ti listaan ​​ken buyaen ti aktibo a panagbalbaliw ti klase.

Item 1

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Item 2

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Item 3

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Item 4

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

<div class="row">
  <div class="col-4">
    <div id="list-example" class="list-group">
      <a class="list-group-item list-group-item-action" href="#list-item-1">Item 1</a>
      <a class="list-group-item list-group-item-action" href="#list-item-2">Item 2</a>
      <a class="list-group-item list-group-item-action" href="#list-item-3">Item 3</a>
      <a class="list-group-item list-group-item-action" href="#list-item-4">Item 4</a>
    </div>
  </div>
  <div class="col-8">
    <div data-bs-spy="scroll" data-bs-target="#list-example" data-bs-smooth-scroll="true" class="scrollspy-example" tabindex="0">
      <h4 id="list-item-1">Item 1</h4>
      <p>...</p>
      <h4 id="list-item-2">Item 2</h4>
      <p>...</p>
      <h4 id="list-item-3">Item 3</h4>
      <p>...</p>
      <h4 id="list-item-4">Item 4</h4>
      <p>...</p>
    </div>
  </div>
</div>

Simple nga angkla

Ti Scrollspy ket saan a limitado kadagiti paset ti nav ken dagiti grupo ti listaan, isu nga agtrabaho daytoy kadagiti ania man <a>nga elemento ti angkla iti agdama a dokumento. I-scroll ti lugar ken buyaen ti .activepanagbalbaliw ti klase.

Item 1

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Item 2

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Item 3

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Item 4

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

Item 5

Daytoy ket sumagmamano a linaon ti placeholder para iti panid ti scrollspy. Paliiwenyo ta bayat nga i-scroll-mo ti panid, mai-highlight ti maitutop a link ti nabigasion. Maulit dayta iti intero a pagarigan ti paset. Itultuloymi ti mangnayon iti sumagmamano pay a pagarigan a kopia ditoy tapno maipaganetget ti panag-scroll ken panangi-highlight.

<div class="row">
  <div class="col-4">
    <div id="simple-list-example" class="d-flex flex-column gap-2 simple-list-example-scrollspy text-center">
      <a class="p-1 rounded" href="#simple-list-item-1">Item 1</a>
      <a class="p-1 rounded" href="#simple-list-item-2">Item 2</a>
      <a class="p-1 rounded" href="#simple-list-item-3">Item 3</a>
      <a class="p-1 rounded" href="#simple-list-item-4">Item 4</a>
      <a class="p-1 rounded" href="#simple-list-item-5">Item 5</a>
    </div>
  </div>
  <div class="col-8">
    <div data-bs-spy="scroll" data-bs-target="#simple-list-example" data-bs-offset="0" data-bs-smooth-scroll="true" class="scrollspy-example" tabindex="0">
      <h4 id="simple-list-item-1">Item 1</h4>
      <p>...</p>
      <h4 id="simple-list-item-2">Item 2</h4>
      <p>...</p>
      <h4 id="simple-list-item-3">Item 3</h4>
      <p>...</p>
      <h4 id="simple-list-item-4">Item 4</h4>
      <p>...</p>
      <h4 id="simple-list-item-5">Item 5</h4>
      <p>...</p>
    </div>
  </div>
</div>

Dagiti saan a makita nga elemento

Dagiti puntiria nga elemento a saan a makita ket mailaksid ken dagiti maitunos a nav a banagda ket saan nga umawat ti maysa a .activeklase. Dagiti pagarigan ti scrollspy a nairugi iti saan a makita a balkot ket di mangikankano kadagiti amin a puntiria nga elemento. Usaren ti refreshpamay-an tapno kitaen dagiti mapaliiw nga elemento apaman a makita ti balkot.

document.querySelectorAll('#nav-tab>[data-bs-toggle="tab"]').forEach(el => {
  el.addEventListener('shown.bs.tab', () => {
    const target = el.getAttribute('data-bs-target')
    const scrollElem = document.querySelector(`${target} [data-bs-spy="scroll"]`)
    bootstrap.ScrollSpy.getOrCreateInstance(scrollElem).refresh()
  })
})

Panagusar

Babaen kadagiti attribute ti datos

Tapno nalaka a manginayon ti kababalin ti scrollspy iti nabigasionmo iti topbar, inayonmo data-bs-spy="scroll"ti elemento a kayatmo nga espia (kaaduan a gagangay a daytoy ket isu koma ti <body>). Kalpasanna inayon ti data-bs-targetattribute nga addaan ti idwenno nagan ti klase ti nagannak nga elemento ti ania man a .navpaset ti Bootstrap.

<body data-bs-spy="scroll" data-bs-target="#navbar-example">
  ...
  <div id="navbar-example">
    <ul class="nav nav-tabs" role="tablist">
      ...
    </ul>
  </div>
  ...
</body>

Babaen ti JavaScript

const scrollSpy = new bootstrap.ScrollSpy(document.body, {
  target: '#navbar-example'
})

Dagiti Pagpilian

Kas dagiti pagpilian ket mabalin a maipasa babaen dagiti kababalin ti datos wenno JavaScript, mabalinmo nga inayon ti nagan ti pagpilian iti data-bs-, a kas iti data-bs-animation="{value}". Siguraduen a baliwan ti kita ti kaso ti nagan ti pagpilian manipud iti “ camelCase ” iti “ kebab-case ” no ipasa dagiti pagpilian babaen kadagiti kababalin ti datos. Kas pagarigan, usaren data-bs-custom-class="beautifier"imbes a data-bs-customClass="beautifier".

Manipud iti Bootstrap 5.2.0, amin a paset ket mangsuporta ti eksperimental a naireserba a kababalin ti datos data-bs-configa mabalin a mangbalay ti simple a panagisaad ti paset a kas ti kuerdas ti JSON. No ti maysa nga elemento ket addaan data-bs-config='{"delay":0, "title":123}'kendata-bs-title="456" dagiti kababalin, ti maudi a titlepateg ket agbalinto 456ken dagiti naisina a kababalin ti datos ket mangbalbaliw kadagiti pateg a naited iti data-bs-config. Iti pay maipatinayon, dagiti addan a kababalin ti datos ket makabaelda a mangbalay kadagiti pateg ti JSON a kas ti data-bs-delay='{"show":0,"hide":150}'.

Nagan Tipo Default Panangiladawan
rootMargin kuerdas 0px 0px -25% Interseksion Agpaliiw a ramutMargin a balido a yunit, no kalkularen ti posision ti panag-scroll.
smoothScroll boolean nga false Pagbalinenna ti naannayas a panag-scroll no ti agar-aramat ket ag-klik iti silpo a mangitudo kadagiti mapaliiw ti ScrollSpy.
target kuerdas, elemento ti DOM null Ikeddeng ti elemento a mangyaplikar ti plugin ti Scrollspy.
threshold array nga [0.1, 0.5, 1] IntersectionObserver threshold balido nga input, no kalkularen ti posision ti scroll.

Dagiti Naikkat a Pagpilian

Agingga iti v5.1.3 ket agus-usarkami idi kadagiti offset& methodpagpilian, nga itan ket saanen a maus-usar ken nasukatan babaen ti rootMargin. Tapno agtalinaed ti agpaatras a panagtunos, itultuloymi a parseen ti naited offsetiti rootMargin, ngem daytoy a tampok ket maikkatto iti v6 .

Dagiti Pamay-an

Wagas Panangiladawan
dispose Dadaelenna ti scrollspy ti maysa nga elemento. (Ikkaten ti naidulin a datos iti elemento ti DOM)
getInstance Estatiko a pamay-an tapno makaala ti scrollspy nga instansia a nainaig iti maysa nga elemento ti DOM.
getOrCreateInstance Estatiko a pamay-an tapno makaala ti scrollspy a pagarigan a nainaig iti maysa nga elemento ti DOM, wenno tapno mangpartuat ti baro no kas pagarigan saan a nairugi.
refresh No manginayon wenno mangikkat kadagiti elemento iti DOM, kasapulam nga awagan ti pamay-an ti panagpabaro.

Adtoy ti pagarigan nga agus-usar ti pamay-an ti panagpabaro:

const dataSpyList = document.querySelectorAll('[data-bs-spy="scroll"]')
dataSpyList.forEach(dataSpyEl => {
  bootstrap.ScrollSpy.getInstance(dataSpyEl).refresh()
})

Dagiti Pasamak

Pasamak Panangiladawan
activate.bs.scrollspy Daytoy a pasamak ket agputok iti elemento ti lukot kaanoman a ti maysa nga angkla ket mapaandar babaen ti scrollspy.
const firstScrollSpyEl = document.querySelector('[data-bs-spy="scroll"]')
firstScrollSpyEl.addEventListener('activate.bs.scrollspy', () => {
  // do something...
})