计算关闭旧div后新添加的div的新顶部偏移量
可以通过以下步骤进行：
- 首先，获取旧div的高度和顶部偏移量。可以使用JavaScript的
offsetHeight属性获取旧div的高度，使用offsetTop属性获取旧div的顶部偏移量。 - 接下来，关闭旧div。可以使用JavaScript的
style.display属性将旧div的显示设置为none，或者使用其他方法隐藏旧div。 - 然后，添加新的div。可以使用JavaScript的
createElement方法创建一个新的div元素，并设置其内容和样式。 - 将新的div添加到文档中的适当位置。可以使用JavaScript的
appendChild方法将新的div添加到父元素中，或者使用其他方法将其插入到文档中的指定位置。 - 最后，计算新添加的div的新顶部偏移量。可以使用旧div的顶部偏移量加上旧div的高度，即
offsetTop + offsetHeight，得到新添加的div的新顶部偏移量。
这样，你就可以得到关闭旧div后新添加的div的新顶部偏移量。
关于腾讯云的相关产品，可以参考以下链接：
- 腾讯云计算服务：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储：https://cloud.tencent.com/product/cos
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iot
- 腾讯云移动开发：https://cloud.tencent.com/product/mpp
- 腾讯云区块链：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/product/um
请注意，以上链接仅供参考，具体产品选择应根据实际需求和情况进行评估。
相关·内容
2回答
用户可以用这种形式添加块，所以我需要滚动新添加的块到视图中，它工作正常，但我尝试关闭旧块，如打开(块2，块3)，然后滚动到(块4)顶部偏移，但它不工作。添加新块后，我将关闭旧的打开的块并滚动到新的块。
因此，在关闭旧div (块2，块3)之后，我需要计算</
浏览 4提问于2017-02-03得票数 0
3回答
这里的问题是如何滚动到另一个关闭时单击的div的顶部。如果没有打开div，我可以让它工作，但是如果一个是打开的，它就不能滚动到新打开的div的顶部。我想我需要用旧的开放式div来抵消。以下是便于参考的小提琴- <div class="option-he
浏览 1提问于2015-02-24得票数 0
回答已采纳
2回答
我正在缩放一个div，以便在不滚动的情况下可见。sliderAllowed / sliderOriginal);
现在div与之前的位置不同，在应用css({ transform: 'scale(' + scale + ')'之后，我需要确定新
浏览 0提问于2016-10-28得票数 3
1回答
我有这样的帖子： ....All Posts here...当我按下下一个帖子按钮时，我将获得新的帖子。现在，我想在加载时和加载后添加效果，如下所示：
当点击下一步按钮时，页面将在.my-posts顶部向上滚动，旧数据将添加淡出效果，新数据将添加fad
浏览 0提问于2013-12-18得票数 1
2回答
我使用jquery来切换一些div的隐藏和显示。$('.slider').hide(800); e.preventDefault();理想情况下，我希望将其滚动起来，以便sectio
浏览 4提问于2014-06-23得票数 3
回答已采纳
3回答
我想在关闭jQuery UI模式对话框时刷新<div>。我的代码是： autoOpen: false, width: 650').remove(); }但是
浏览 0提问于2012-01-16得票数 8
回答已采纳
1回答
onPause() { super.onPause();问题是，如果我向下滚动列表，并且正在阅读旧的帖子，列表就会刷新，并将我发送到顶部。我想下载这些数据，如ajax，并将其附加到顶部。或者只是告诉我这是X个新报告和一个按钮来显示它。顺便说一句，我对android编程非常陌生。 mProgress
浏览 2提问于2013-10-22得票数 0
回答已采纳
3回答
这是一个假设性的问题，我希望这是允许的。</Canvas>
如果我要调整父画布的大小，我将如何调整子元素Top和
浏览 7提问于2014-08-13得票数 1
回答已采纳
有一个滚动查看器，它包含一个丰富的文本框，其中包含在其块中包含段落的流文档。现在，当添加新消息时，滚动查看器正确地向下滚动其内容(当滚动条位于底部时自动滚动)。(当新消息到达时，顶部的旧段落将被删除。)
我想要添加的是，当我滚动到它的顶部滚动查看器，然后我想加载旧的消息(某种形式的Facebook风格)。当我滚动到顶部时，旧消息
浏览 3提问于2014-08-15得票数 0
我希望能够根据需要输出尽可能多的浮点数，并让它们自动排成3列。我的问题是这种情况会发生，但有一个偏移量(未清除的浮点偏移量)。有没有一种方法可以做到这一点，而不需要计算每个框和第三个框，关闭前一行并开始一个新的行？<div class="span4">Test</div>
<div
浏览 4提问于2013-06-26得票数 0
更改路由时，新加载的页面不会滚动到顶部。我已经在ui-view元素中添加了autoscroll = true指令，但它并没有一直滚动到顶部，可能有50px的偏移量，我认为它必须与顶部固定的导航栏一起使用。我添加了一个自定义的scroll指令，它完成了这项工作，新页面被滚动到顶部。这个指令唯一的障碍就是不让我向下滚动。我不熟悉指令，但我确信自定义指令中缺少更多<em
浏览 9提问于2016-08-11得票数 0
回答已采纳
1回答
CSS3过渡动画
、、、
我对CSS/HTML/JS非常陌生，所以我没有多少CSS转换的经验。在我的HTML中，我有一个div容器元素，其中包含5个div元素。它们看起来就像放置在屏幕中间的简单的盒子，暂时看不出来。我在屏幕的角落也有5个按钮。我想做的是：
当我单击一个按钮(例如，按钮3)，左边<
浏览 1提问于2013-01-16得票数 2
回答已采纳
我有一个自定义元素，它将项添加到容器中。我有一个“关闭”功能，关闭容器和清除项目，以便用户可以开始添加新的。这对于添加内容和关闭非常有用，但是当我尝试在自定义元素关闭后添加新项时，模板似乎不像我想要的那样更新。以下是我的自定义元素： <div id="item-wrapp
浏览 2提问于2017-10-17得票数 0
回答已采纳
5回答
当倒计时到0时，我想关闭并创建一个新的div。我的div看起来像这样 <div id="bij2Blauw">
<table width="98%" border="0" align=然后我想创建一个新的div。我使用的
浏览 0提问于2012-07-26得票数 0
回答已采纳
1回答
我在取消元素的偏移量时遇到问题。下面是我在jsfiddle中的代码：<div class="div" id="378246"></div> btnavail.hide();
btnavail.offset({
浏览 0提问于2012-05-29得票数 0
回答已采纳
1回答
我希望找到父div的位置，即第一个div (第一个Div)，并通过使用偏移量将子div (即第二个div )放在父div的顶部。也就是说，我需要动态地计算父div，并使用偏移量定位子div的顶部和左侧。我对jquery很陌生。有人能帮帮我吗。
代码:请在这里找到链接，
浏览 2提问于2014-11-06得票数 2
回答已采纳
我有隐藏的元素，我想要计算顶部偏移量，这是如何做到的？我尝试了这段代码，但是给出了偏移量top (0)。请注意，我想要计算顶部偏移量的元素是用代码CSS隐藏的.{display:none}这是我的代码HTML
<script src="https:/&#
浏览 2提问于2020-02-10得票数 0
回答已采纳
2回答
我正在处理的页面是留言板。该页面首先显示10条最新消息，然后使用jquery函数自动更新板，每2秒提取一次新数据。最近的消息显示在顶部。旧消息应从页面中删除。<?php ?>在第一页加载后将3行新</e
浏览 3提问于2011-10-17得票数 2
回答已采纳
3回答
我试图让一个div在被单击时获得一个新类(这会使其展开)，并在单击该div中的cancel链接时将其返回到旧类(这会使其关闭)。<div class="new-discussion small"></div>
$('.new-di
浏览 0提问于2013-04-20得票数 3
回答已采纳
我正在使用jQuery UI的对话框特性，如下所示：我想以级联的方式推出一堆这样的盒子。不幸的是，我不认为选项会为我做到这一点，因为它似乎非常局限于屏幕上非常特定的区域(我可能弄错了)。boxID + 1;
var dialog = $('<divstyle="display:none&
浏览 0提问于2013-06-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
