Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/tfs/3.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 元素居中时的IntersectionObserver_Javascript_Html_Css_Intersection Observer - Fatal编程技术网

Javascript 元素居中时的IntersectionObserver

Javascript 元素居中时的IntersectionObserver,javascript,html,css,intersection-observer,Javascript,Html,Css,Intersection Observer,我想确定一个元素的位置,当它完全居中时。目前,它在完全可见时被修复,因此会捕捉到中心。-我能观察到元素何时居中吗 const-box=document.querySelector(“.box”); const obs=新的IntersectionObserver(条目=>{ if(条目[0]。isIntersecting){ box.style.position=“固定”; box.style.top=“50%”; box.style.transform=“translateY(-50%)”

我想确定一个元素的位置,当它完全居中时。目前,它在完全可见时被修复,因此会捕捉到中心。-我能观察到元素何时居中吗

const-box=document.querySelector(“.box”);
const obs=新的IntersectionObserver(条目=>{
if(条目[0]。isIntersecting){
box.style.position=“固定”;
box.style.top=“50%”;
box.style.transform=“translateY(-50%)”
}
},{阈值:1})
观察观察(框)
.v-detail\u视频{
宽度:100vw;
高度:300vh;
显示器:flex;
垫顶:70vh;
证明内容:中心;
}
.盒子{
背景色:黑色;
宽度:50vw;
高度:200px;
}