Можно ли изменить стиль компонента Stencil JS при прокрутке окна, в котором он используется?
У меня есть следующий код:
import { h } from '@stencil/core';
import { Component, Prop } from '@stencil/core'
@Component({
tag: 'example-component',
styleUrl: './example-component.css',
shadow: true
})
export class ExampleComponent{
@Prop() some_text: string;
render(){
return [
<p class="someText">{this.some_text}</p>,
<script type="text/javascript">
var text = document.querySelector(".someText");
window.addEventListener('scroll', function(e) {
text.classList.add("newClassName")
});
</script>
]
}
}
И это не работает. Я хочу добавить новый класс к тексту при прокрутке окна, как мне этого добиться?