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
Javascript scrollIntoView仅在后跟console.log时工作一次_Javascript_Html_Css_Dom - Fatal编程技术网

Javascript scrollIntoView仅在后跟console.log时工作一次

Javascript scrollIntoView仅在后跟console.log时工作一次,javascript,html,css,dom,Javascript,Html,Css,Dom,显然,当scrollIntoView后跟console.log时,它只工作一次。正如您在下面的演示中所看到的,一旦删除console.log,它就会上下滚动,不会出现任何问题。但是对于console.log,它将在第一次工作。有人能给我解释一下这种奇怪的行为吗 功能scr(){ document.querySelector('#t1').scrollIntoView({行为:“平滑”,块:“开始”,内联:“开始”}); } 功能scr1(){ document.querySelector('#

显然,当scrollIntoView后跟console.log时,它只工作一次。正如您在下面的演示中所看到的,一旦删除console.log,它就会上下滚动,不会出现任何问题。但是对于console.log,它将在第一次工作。有人能给我解释一下这种奇怪的行为吗

功能scr(){
document.querySelector('#t1').scrollIntoView({行为:“平滑”,块:“开始”,内联:“开始”});
}
功能scr1(){
document.querySelector('#t4').scrollIntoView({behavior:'smooth',block:'start',inline:'start});
log(“删除此console.log,它将再次工作”);
}
.flex container>div{
宽度:300px;
文本对齐:对齐;
边框:1px实心;
}

向上滚动
向下滚动
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。

我似乎无法重现该问题,我可以看到您在
控制台.log之后缺少分号(;),可能您的浏览器在运行后出现解析问题,这似乎还是一个牵强的原因。你是对的,我只在chrome 86.0.4240.75中重现了这一点,但它确实可以与firefoxBTW一起工作。而且,scrollIntoView是一种新功能,在Safari中根本不受支持,所以我现在根本不使用它。我使用其他方法<代码>实验。期待将来的行为会有所改变。
不用担心,我使用scrollIntoView选项瞄准了一个尽力而为的方法。当我将此url发送给chrome技术支持时,我将保留此帖子。我似乎无法重现此问题,我可以看到您在
控制台.log之后缺少一个分号(;),也许你的浏览器在运行后出现了解析问题,这似乎是一个牵强的原因。你是对的,我只在chrome 86.0.4240.75中重现了这一点。但是firefoxBTW
scrollIntoView
是一种新功能,在Safari中根本不受支持,所以我现在根本不使用它。我使用其他方法<代码>实验。期待将来的行为会有所改变。
不用担心,我使用scrollIntoView选项瞄准了一种尽力而为的方法。当我将此url发送给chrome技术支持时,我将保留此帖子。