วิธีใช้เทมเพลตกิ่งไม้ที่แตกต่างกันขึ้นอยู่กับเบรกพอยต์

มีวิธีการใช้เทมเพลต twig ต่างๆ อย่างไรขึ้นอยู่กับวิวพอร์ต หรือมีตัวแปร twig ที่ให้ข้อมูลได้อย่างไร

ตัวอย่างคือการใช้คลาสรองพื้นเหนียวบนเทมเพลต Twigh ความเหนียวทำให้ดูยุ่งเหยิงในมือถือ

 <div id="sidebar-first" {{ create_attribute({'class': sidebar_first_classes }) }} data-sticky-container>
              <div class="sticky" data-sticky data-top-anchor="sidebar-first:top" data-btm-anchor="main:bottom">
                {{ page.sidebar_first }}

ฉันต้องลบคลาสโดยใช้ JS:

 ฟังก์ชั่นเปิดเผยแถบด้านข้าง () {
    แถบด้านข้าง const: HTMLElement | null = document.querySelector ('.sidebar-first');
    const เหนียว: HTMLElement | null = document.querySelector ('.sticky');
    ถ้า (แถบด้านข้าง != null) {
      // ความเหนียวเหนอะหนะ pas être opérante sur mobile
      ถ้า (เหนียว != null) {
        ในขณะที่ (sticky.attributes.length > 0) Sticky.removeAttribute(sticky.attributes[0].name);
        sticky.classList.remove('เหนียว');
      }
      sidebar.style.display = 'บล็อก';
      sidebar.style.height = '320px';
      sidebar.classList.remove('คอนเทนเนอร์เหนียว');
    }
    const เปิดเผย = document.querySelector ('.reveal-button') เป็น HTMLElement;
    เปิดเผย.style.display = 'ไม่มี';
  }