CSS 元素边缘位于滚动框边缘'外部”意味着什么？

解释以下规范的正确方法是什么？“如果元素边缘A和元素边缘B都在滚动框之外边缘A和滚动框边缘B，不执行任何操作。”来源：https://drafts.c​​sswg.org/cssom-view/#dom-scrollologicalposition-nearest:~:text=If%20element%20edge%20A%20and%20element%20edge%20B%20are%20b

P粉763748806 2024-01-16 23:45:09 0  1  534

无法滚动到页面上方元素的溢出部分

如果我调整页面大小，元素溢出到视口之上，我无法向上滚动查看它们。我找到了一个带有解决方案的问题，但它没有起作用。我有两个“核心”的不可见div和一个包含所有内容的div元素。“container”div的存在是因为我试图解决这个问题。.container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;}.main-co

P粉041881924 2023-08-30 21:41:10 0  2  615

javascript - 为什么scroll事件阻止不了冒泡？

需求是当鼠标在页面某个有滚动条的元素内部触发scroll事件，阻止body的scroll一同触发。 说白了就是：鼠标在div里滚时，即使div滚到头了，body也不滚动。 我给了div一个scroll事件，里面阻止冒泡。想通过这个思路...

PHP中文网 2017-07-05 11:07:59 0  6  4263

如何计算元素滚动位置的百分比？

我想以百分比形式计算窗口内元素的滚动位置。0%是元素顶部位于窗口底部的位置（尚未显示）100%是元素底部位于窗口顶部的位置（所有元素已显示）我很接近，但我知道我在思考数学中的一些错误。我制作了一个小演示来显示多个元素的滚动百分比，但百分比都是错误的。functiongetElemScrollPercent(selector){constscale=0.1;constel=document.quer

P粉786800174 2024-04-03 19:55:00 0  1  639

javascript - 请教，如何判断一个元素是否滚动到屏幕可视区域底部？

一个元素原来位于屏幕可视区域底部的上面，当滚动条往上滚动时，这个元素接触到了屏幕底部，我想在该元素接触到屏幕底部时触发一个函数，那么怎么才能捕获到元素接触到屏幕底部这个情况呢？

给我你的怀抱 2017-05-19 10:26:18 0  3  766

javascript - 页面滚动条出现时如何防止页面跳动

页面滚动条出现时如何防止页面跳动 前提： 1、需要兼容ie8+2、页面高度随内容变化而定(即是不是固定高度) 问题：现代浏览器滚动条默认是 overflow:auto 类型的，但是现在需要定义一个元素靠右(.tips{ {代码...} }...

迷茫 2017-06-26 10:54:16 0  1  923

Vue 3中如何实现滚动到指定元素的变量？

我在纯JavaScript中有以下函数来滚动到一个元素，我想将这段代码转换为Vue3。varsource=''functionshowScrollInto(currentLocation,toLocation){source=currentLocation//在隐藏部分后返回的位置document.getElementById(toLocation).style.display='block'do

P粉060528326 2023-08-28 20:17:07 0  1  619

防止scrollIntoView()将容器滚动到页面顶部

我正在尝试构建一个简单的“主要是css”图像轮播，它使用滚动捕捉，但也有导航按钮来控制当前查看的幻灯片。我找到的唯一解决方案是在目标元素上使用scrollIntoView()，它可以满足我的要求，但它也总是将目标元素滚动到页面顶部。我希望目标轮播幻灯片和容器保持在原来的位置，并且我只希望幻灯片水平滚动到视图中。我正在看AdamArgyle的一个示例，他就是这样做的，并且容器保持在原来的位置，我不知

P粉690200856 2024-03-26 20:25:28 0  1  489

CSS 背景渐变不覆盖整个页面（包括可滚动内容）

我在HTML文档中遇到CSS背景渐变问题。我设计了一个使用线性渐变作为背景的页面，并将其设置在body元素上。我面临的问题是，渐变似乎在屏幕最初结束的地方结束，即使有更多内容需要滚动。因此，当您向下滚动时，渐变的第二个实例似乎会重新开始。这是我当前的CSS(SCSS)代码：@importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  705

使用 getElementById 的 IntersectionObserver 的根始终为 null

在Angular项目中，我想将IntersectionObserver的视口限制为DOM的特定部分。我使用id定义要用作root的元素：<divid="container"><divclass="page-list"><infinite-scroll-page(scrolled)="onInfiniteScroll()

P粉501683874 2024-03-29 00:07:25 0  1  411

javascript - 用 canvas 实现电子签名，定位鼠标在 canvas 中 坐标

尝试用 canvas 实现电子签名时，不能准确获取鼠标在 canvas 中的坐标。 {代码...} 用 ev.clientY 获取了鼠标的坐标，但是 canvas.offsetTop 获取的是 距离父元素的高度。而 canvas 在一个有滚动条的表单中，所以...

巴扎黑 2017-05-16 13:36:00 0  1  611

页面标题与页面锚点重叠问题的解决方法

如果我在HTML页面中有一个固定在顶部的非滚动标题，具有定义的高度：是否有一种方法可以使用URL锚点（#fragment部分）使浏览器滚动到页面中的某个特定位置，但仍然尊重固定元素的高度而无需使用JavaScript的帮助？http://example.com/#bar错误（但是常见行为）：正确：+---------------------------------++---------------

P粉521748211 2023-08-21 19:18:36 0  2  574

滚动事件侦听器添加到元素，但只有当scrollTop不等于0时才能正确移动

所以我编写了这个小脚本，其中有两个列表-已完成/活动任务，您可以通过点击按钮切换任务列表，也可以通过点击“更多信息”阅读有关任务的更多信息。当点击更多信息时，创建了一个新的div元素，我想跟随它的主机元素Y位置，并且它可以工作一半。这就是它的样子：在此处输入图像描述这是一个错误，当可滚动元素scrollTop不为0时，我很确定会发生这个错误（它是以正确的方式创建的，每当我开始滚动时，它都会立即向上

P粉427877676 2024-04-01 11:03:26 0  1  621

使用 Tab 键导航页面上的 html 元素

我无法使用Tab键在HTML页面上使用Tab键滚动。这是我尝试浏览选项卡的页面图片当“无法更新表”弹出窗口打开时。我点击它并按下选项卡。我第一次按下选项卡时，焦点转到图片中的箭头元素。但下次我按下该选项卡时，它会转到元素Page3向上箭头图标是HTML中选定的<i标记，下一个<i标记是x按钮。由于某种原因，它会跳过第二个<i标记，并且当第二次出现Tab键时不会转到x按钮。这可能是

P粉106301763 2024-02-03 21:30:59 0  1  473

如何在HTML中实现元素的层叠效果？

我想为这个元素制作一个自定义的工具提示，但是它被包含在一个框中，这个框没有足够的空间来显示工具提示，所以它只是被裁剪了（实际上我可以滚动来显示它，因为overflow被设置为auto，但是我希望它能够在不滚动的情况下可见）。有没有办法让它超出边界显示？我尝试过使用z-index但没有效果。这就是我所说的：.box{width:100px;height:100px;overflow:auto;bor

P粉486138196 2023-08-28 16:39:50 0  2  580

滚动到顶部按钮在底部造成了页面多余的空白

我按照一些教程创建了一个基于CSS的浮动滚动到顶部按钮。然而，我注意到最后一个HTML元素（例如最后一行）下面有额外的空白空间。额外的空白空间的高度与我的按钮高度（50px）相匹配。我还尝试添加一个额外的div标签来封装arrowUpdiv标签，间隙减小了，但仍然有一些较小但明显的空白空间。我想知道是否有一种方法可以避免额外的空白空间？#arrowUp{position:sticky;width:

P粉226642568 2023-08-13 19:52:48 0  1  557

为什么每次保存我的vite react项目时，会向页面主体添加新的canvas元素，而不是替换现有的canvas元素？

我正在尝试开始学习ThreeJs（我也是JavascriptWeb开发的新手）。看了一些教程后，我从vite和react开始，然后从基本的旋转立方体开始。该部分有效。但是根据我所读到的有关vite的内容，保存我正在处理的文件应该足以将其重新加载到页面上。事实并非如此。我检查了页面内容，每次保存文件时，都会将2x相同的画布元素附加到页面正文（而不是替换现有的），这意味着我必须向下滚动到页面底部才能看

P粉186904731 2024-03-30 09:57:49 0  1  532

重新的标题为：固定的div列和剩余的宽度

我正在尝试创建一个5列布局，其中所有列的高度都是浏览器窗口的全高度。除了中间列之外，其他列应该是固定的，当滚动浏览器/文档时不会移动。中间列将包含网站内容，并且会垂直溢出，所以在浏览器中应该像通常一样滚动。除此之外，除了中间列之外的所有列都有固定的宽度，我需要中间列占据剩余空间（父元素的100%宽度）一个要求是不使用flexbox或css-grid。下面的代码是我得到的。添加列“c”甚至会搞乱所有

P粉786432579 2023-09-14 17:17:47 0  1  666