Wie realisiert man mit JavaScript unter Drupal 10, dass ein DIV beim Scrollen nach oben fixiert wird, wenn es 100 Pixel von oben entfernt ist?

Um ein `div` in Drupal 10 mit reinem JavaScript (ohne jQuery) beim Scrollen zu fixieren, wenn es 100 Pixel von oben entfernt ist, kannst du folgenden Ansatz verwenden:

1. Füge deinem Theme eine JavaScript-Datei hinzu, falls noch nicht geschehen.
2. In dieser Datei kannst du den folgenden Code verwenden:

```javascript
document.addEventListener('DOMContentLoaded', function() {
const targetDiv = document.getElementById('dein-div-id'); // Ersetze 'dein-div-id' mit der ID deines Divs
const originalOffset = targetDiv.offsetTop; // Ursprüngliche Position des Divs

window.addEventListener('scroll', function() {
if (window.scrollY > originalOffset - 100) {
targetDiv.style.position = 'fixed';
targetDiv.style.top = '0';
} else {
targetDiv.style.position = 'relative';
targetDiv.style.top = '';
}
});
});
```

3. Stelle sicher, dass du die ID des `div`-Elements korrekt angibst.
4. Füge die JavaScript-Datei in dein Drupal-Theme ein, indem du sie in der `.info.yml`-Datei deines Themes registrierst.

Dieser Code überwacht das Scrollen der Seite und ändert die Position des `div`, wenn es 100 Pixel von der Oberkante des Viewports entfernt ist.