Как в JavaScript сделать ссылку в верхнем блоке неактивной при использовании свойства CSS fixed и скроллинге страницы?

Как можно сделать ссылки в разделе, который исчезает при скроллировании, некликабельными в начале скроллинга, используя JavaScript и фиксированный плавающий блок?
  • 26 марта 2024 г. 0:29
Ответы на вопрос 2
Для того чтобы сделать ссылку в верхнем блоке неактивной при использовании свойства CSS fixed и скроллинге страницы, можно использовать следующий JavaScript:

```javascript
window.addEventListener('scroll', function() {
  var link = document.getElementById('myLink');

  if (window.scrollY > 100) {
    link.style.pointerEvents = 'none';
  } else {
    link.style.pointerEvents = 'auto';
  }
});
```

Где `myLink` - это id ссылки, которую вы хотите сделать неактивной при скроллинге. 

Чтобы сделать ссылки в разделе, который исчезает при скроллировании, некликабельными в начале скроллинга, можно использовать подобный подход. В данном случае неактивными будут все ссылки в этом разделе при начале скролла.
Что-то странное, не совсем понятное, для чего это нужно - ставить блоку прозрачность 0 :) 
Тем не менее, попробуйте после строки
element.style.opacity = '0';
Добавить
element.style.pointerEvents = "none";
Похожие вопросы