Javascript 知道位置:sticky div在没有jQuery的情况下被卡住的时间
我正在一个Angular项目的移动第一个UI上工作,其中的div是position:sticky,需要更改它的样式,因此如何仅在div被卡住后才对其应用样式,而不使用jQuery等 我试过使用 但我不能嘲笑这种功能Javascript 知道位置:sticky div在没有jQuery的情况下被卡住的时间,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在一个Angular项目的移动第一个UI上工作,其中的div是position:sticky,需要更改它的样式,因此如何仅在div被卡住后才对其应用样式,而不使用jQuery等 我试过使用 但我不能嘲笑这种功能 .title{ 字体大小:16px; 颜色:黑色; } /*被卡住*/ 标题 /*::卡住了*/ { 字号:18px; 背景:灰色; } 此div的样式为“卡住” position=document.getElementsByClassName(“title”)[0].styl
.title{
字体大小:16px;
颜色:黑色;
}
/*被卡住*/
标题
/*::卡住了*/
{
字号:18px;
背景:灰色;
}
此div的样式为“卡住”
position=document.getElementsByClassName(“title”)[0].style.position;
结果=位置==“粘性”;
控制台日志(结果);
如果您需要一个伪选择器,如果您知道如何使用JQuery,您可以使用它将其转换为普通JSI,我不确定OP是否需要它<代码>粘性根据滚动的不同可以有不同的行为,我猜他指的是如何区分它们。这个日志对控制台来说是错误的。除此之外,不会将“粘性”记录为粘性。谢谢你,tho。还有其他解决办法吗?
<script>
position = document.getElementsByClassName("title")[0].style.position;
result = position === 'sticky';
console.log(result);
</script>