Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 知道位置:sticky div在没有jQuery的情况下被卡住的时间_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 知道位置: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

我正在一个Angular项目的移动第一个UI上工作,其中的div是position:sticky,需要更改它的样式,因此如何仅在div被卡住后才对其应用样式,而不使用jQuery等

我试过使用 但我不能嘲笑这种功能

.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>