Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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
Html 如何清除浏览器';页面滚动位置的内存/缓存?_Html_Css - Fatal编程技术网

Html 如何清除浏览器';页面滚动位置的内存/缓存?

Html 如何清除浏览器';页面滚动位置的内存/缓存?,html,css,Html,Css,更新:原来问题出在浏览器缓存上,或者在我将浏览器窗口设置得非常小的时候,以某种方式记住了窗口的垂直滚动位置,迫使客户端区域向上移动,超出了客户端矩形的顶部,导致顶部位置属性值为负值。当我完全关闭页面并通过粘贴URL在新选项卡中重新打开页面时,我发现了这一点。请注意,即使使用SHIFT+R简单地刷新页面也不会清除该条件 那么,我如何才能清除/重置浏览器中页面滚动位置的“内存”,以便在出现这种情况时观察并干净地重置滚动位置 我一直在努力使我的页面元素正确对齐。我当前的问题是HTML和BODY标记元

更新:原来问题出在浏览器缓存上,或者在我将浏览器窗口设置得非常小的时候,以某种方式记住了窗口的垂直滚动位置,迫使客户端区域向上移动,超出了客户端矩形的顶部,导致顶部位置属性值为负值。当我完全关闭页面并通过粘贴URL在新选项卡中重新打开页面时,我发现了这一点。请注意,即使使用SHIFT+R简单地刷新页面也不会清除该条件

那么,我如何才能清除/重置浏览器中页面滚动位置的“内存”,以便在出现这种情况时观察并干净地重置滚动位置


我一直在努力使我的页面元素正确对齐。我当前的问题是HTML和BODY标记元素总是以负的top属性值结束,正如getBoundingClientRect()所报告的那样。这会导致子元素以不需要的方式垂直移动,并引发某些其他坐标和大小计算

注1:我最终使用100vh作为高度属性的原因是因为我尝试了大量的高度、最小高度组合,这些组合还涉及使用百分比和像素值。什么都不起作用,我的offsetHeight属性的高度值总是为0。因为我动态地调整各种元素的大小,所以我需要知道该属性的实际值,所以零高度值是一个分页符。使用100vh中的视口值格式是我尝试过的唯一一个使offsetHeight属性得到非零值的方法

注2:正如您所看到的,我有一个DIV元素,它具有绝对的位置,最终保存了一个ThreeJS画布区域。但是,我在ThreeJS画布附加到页面之前以及ThreeJS元素初始化之前设置了一个断点,当我检查HTML和BODY元素的顶部值时,这些值已经是负值。所以我认为这个问题与使用ThreeJS无关

考虑到下面的HTML和CSS,为什么HTML和BODY标记元素的值为负值?我如何修复它

html,
身体{
高度:100vh;
}
身体{
背景色:石板灰;
保证金:0;
溢出:隐藏;
宽度:100%;
}
表#外表{
宽度:100%;
最小高度:100%;
}
tr#tr头{
背景色:深黄色;
高度:100px;
}
tr#tr游戏区{}
tr#tr按钮行{
背景色:黑色;
高度:100px;
}
a{
颜色:#00B7FF;
}
div#div threejs画布区域{
宽度:100%;
身高:100%;
位置:绝对位置;
/*将Z顺序设置为高于正常值的值,以便显示在参考底图表的顶部*/
z指数:10;
}


你到底想做什么?您可能不应该在布局中使用s,但例如CSS flexbox或CSS grid。添加您的JS以便我们可以看到result@TemaniAfifJS里面有很多3JS的东西。在任何JS运行之前,我在文档就绪处理程序的最顶端设置了一个断点,负的“top”值已经可见。也就是说,断点位于调用任何其他JS代码之前。谢谢你对我文章的编辑。我从他们那里学到了一些有价值的技巧。试着添加尽可能小的JS来显示负值。也许通过减少代码,你会发现issue@TemaniAfif事实证明,浏览器记住页面的垂直滚动位置是一个奇怪的问题。查看我的原始帖子的新更新。