我已经在计算左和顶部位置使用子元素wrt的getBoundingClientRect()到px中的父元素，并传递从一个组件到另一个组件，并能够将子元素放置在预期的位置上，但是我想使子元素响应wrt到父元素我已经尝试从控制台将值和单位从px更改为%，并能够获得所需的响应度，但是尝试在代码中计算百分比并不像预期的那样工作，它没有将子元素放置在正确的位置上，尽管响应性是实现的。在前面的代码中，我只做了viewRect.left - movableClientRect.left，所以值是以像素为单位的，现在我尝试除以viewRec
浏览 27提问于2019-08-14得票数 0
回答已采纳
1回答
我目前正在使用getBoundingClientRect()来计算元素是否进入视口。不过，我真正需要做的是检查元素的50% (或任何给定百分比)是否已进入视区(我正在检查滚动)。for (var i = 0; i < el.length; i++) { elemBottom = el[i].getBoundingClientRe
浏览 2提问于2015-11-30得票数 1
回答已采纳
1回答
网页长列表项印象
、、
假设我们有一个很长的列表，所以一些项目可能在开始时看不到。<ul> <li> --------not seen at the beginning------- <li> ....判断用户看到哪个项目的最佳实践是什么？
浏览 22提问于2017-07-19得票数 3
回答已采纳
1回答
我有一个div网格，每个div都旋转以显示另一个div。目前的“前线”div没有背景，但这使得过渡相当糟糕(什么都没有发生，文字消失，背面被揭露)。const days = document.getElementsByClassName('day-1'); const dayRect = day.getBoundingClientRect();
浏览 1提问于2021-11-15得票数 1
回答已采纳
我发现，当父母的身高是自动的，相对最高的百分比的孩子不工作在Chrome。但在火狐，这是可以的。style="width:200px;background:#aaa;"><div>ABC</div>我知道，如果父母的身高是指定的，最高的百分比将生效
浏览 0提问于2019-12-18得票数 0
我希望将svg条形图放置到特定的div中，如果我将属性“宽度”设置为百分比，则无法得到计算出来的svg宽度。我想坚持给出的大小作为一个百分比，以便能够计算条宽等从svg大小。width", w) .attr("class", "thumbnail");
要使获得以像素为单位的计算大小chartSVG.style("width&
浏览 11提问于2015-08-06得票数 3
回答已采纳
我想知道有没有办法把像素转换成百分比…我有一个代码，我成功地获得了全宽的值，但唯一要保持对象在中心的东西，我必须使用百分比。
下面是我用来获取width的值的方法，我需要将其转换为百分比。现在，我使用给定的jQuery代码来获得"#slide“的确切宽度，单位是像素百分比('.slide')。然后，尝试调整浏览器的大小以查看幻灯片框的输出。即时通讯使用SlidesJS插件仅供参考。
浏览 0提问于2012-11-14得票数 4
回答已采纳
1回答
如何将分数放在百分比的中间位置
、、、、
嗨，我正试图实现以下垫子进度条，其中的分数将显示在百分比的顶部。目前我的代码，我可以显示分数开始的百分比。getBoundingClientRect().x;
let positionMeterEnd = positionMeter! + widthMeter!getBoundingClientRect
浏览 1提问于2022-04-05得票数 0
回答已采纳
bowlImage.src = 'images/icon.png';ctx.drawImage(bowlImage, 0, canvas.getBoundingClientRectctx.drawImage(bowlImage, 0, 120, 20, 20); 我还根据鼠标移动事件移动图像的位置，我使用evt.clientX - rect.left或evt.clientY - rect.top计算新的x/y坐标，如果我使用canvas.get
浏览 14提问于2019-10-05得票数 0
test = event.clientX / this.offsetWidth * 100;});编辑：，我的数学能关了吗？据我所知，为了得到所需的百分比，我需要计算N1 / N2 * 100。
浏览 0提问于2015-12-26得票数 1
回答已采纳
2回答
我使用CSS3转换已经有一段时间了，但是有一件事有点小问题，那就是百分比与要移动的元素有关，而不是与父元素相关。这是有道理的，但它带来了一些情况，我不确定最好的解决办法。元素的尺寸可能很小，比如200x200像素，这意味着如果不进行一些计算，就不能使用百分比。1)将元素放入屏幕大小的容器中，然后100%地翻译容器。3)使用getBoundingClientRect确定元素与视口的关系，计算以像素为单位的距离，以便使元素离开屏幕，然后将该值作为内联转换
浏览 1提问于2014-10-17得票数 3
回答已采纳
1回答
如何应用淡色，比较它们的高度，在each元素而不是整体上？<div class="test fade"></div>* { margin: 0;}
font: 1em 'Open Sans', sans-serif; height: 70vh; background-color: rgba(0, 0, 0, 0.6);
浏览 0提问于2018-03-05得票数 0
回答已采纳
使用这段代码，当div从浏览器窗口顶部获得一定数量的像素时，我可以向div添加一个类。有没有可能使用%来实现这一点？这样我就可以把它设为从顶部算起的50%？这意味着在所有屏幕尺寸上都会有统一的效果。$(window).scroll(function() { var imagePos = $(this).offset().top;
if (imagePos < t
浏览 0提问于2015-05-16得票数 0
我正在尝试以百分比(数字%)从视口中获取元素的可见性。 } var box = { top: 0, left: 0 }; elem.getBoundingClientRect(); x: box.left + (windo
浏览 6提问于2017-07-19得票数 0
问题是，该条及其包含的单元格的宽度属性设置为百分比，这样我就可以根据在包含的div中添加更多单元格时所需的宽度来计算所需的宽度。上面的结果是，单元格的实际宽度是一个decimal value (它是百分比)，但是计算出来的宽度是一个四舍五入的px值，结果如下：
覆盖div宽度：
正如你所看到的，这是一个小的宽度差异您可以在这里看到宽度是根据列计数确定的，并以百分比的形式返回：width: 100 / this.().top;
let posX = e.pa
浏览 0提问于2018-08-16得票数 1
2回答
(Element element) /*-{}-*但这是令人沮丧的，因为有时您知道应用程序的一个子部分发生了变化，而这些方法仍然需要时间来计算绝对位置，这可能是因为它不必要地重新检查了大量DOM元素。通过iframe隔离DOM的一部分，以减少浏览器为获得绝对位置而必须计算的元素的数量(尽管这会使组件难以通信.)
在同样的想法中
浏览 4提问于2012-11-05得票数 2
回答已采纳
1回答
数学不是我的强项，我对如何解决这个问题有点迷惑。let node = document.querySelector('div'); if(!d) return; // Dragging?
let s = ...; // Scale value?
};
node.onmousedown
浏览 1提问于2016-10-04得票数 0
1回答
我所得到的只是计算一个元素的宽度，并找出它在屏幕上所占的百分比，但过渡并不平滑。codesandbox链接：https://codesandbox.io/s/fragrant-fire-ejxvd?currentPercent}%`; arrayOfElements.push(element);
const elementWidth = element.getBoundingClientRect
浏览 13提问于2021-07-04得票数 1
回答已采纳
2回答
我正在编写Javascript代码，以检查元素是否在viewport中。但是现在我有了一个代码，它只在视图中元素100%的情况下返回true。是否有一种方法，例如，如果有10个像素返回为真或如果一个百分比.元素在视图中返回是否为真？script type="text/javascript"> var bounding = elem.getBoundingClientRect
浏览 2提问于2020-10-27得票数 2
回答已采纳
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号