Javascript 取消隐藏后导航到div的一部分_Javascript_Html_Javascript Events

Javascript 取消隐藏后导航到div的一部分

javascript html

Javascript 取消隐藏后导航到div的一部分,javascript,html,javascript-events,Javascript,Html,Javascript Events,通过设置display:block，我如何定位到一个div的某个部分，该部分先被隐藏，然后又被打开我已经尝试保存我想要到达的位置，并使用document.location.scrollTop以及在div中的特定元素上调用scrollTo（）。由于div已经加载，我认为它会尝试在完全重新呈现页面之前立即执行代码该页面的一个基本功能示例：生产代码中有一些警告，比如切换中的动画转换（可能是问题所在）调用导航/转换函数后，我执行以下操作： <html> <head> &l

通过设置display:block，我如何定位到一个div的某个部分，该部分先被隐藏，然后又被打开

我已经尝试保存我想要到达的位置，并使用document.location.scrollTop以及在div中的特定元素上调用scrollTo（）。由于div已经加载，我认为它会尝试在完全重新呈现页面之前立即执行代码

该页面的一个基本功能示例：生产代码中有一些警告，比如切换中的动画转换（可能是问题所在）

调用导航/转换函数后，我执行以下操作：

<html>
<head>
<script> function swapper(id){
document.getElementById('list').style.display = 'none'; 
document.getElementById('detail').innerHTML = 'some details about ' + id;       document.getElementById('detail').style.display = 'block';
} </script>
</head>        
 <body>
     <button id="backbutton" onclick="document.getElementById('list').style.display = 'block'; document.getElementById('detail').style.display = 'none';">Back</button>                
       <div id="list" style="display:block;">
             <ul>
                   <li id="1" onclick=swapper(1)>1</li>
                   <li id="2" onclick=swapper(2)>2</li>
             </ul>
       </div>
       <div id="detail" style="display:none;"></div>
 </body>


函数交换程序（id）{
document.getElementById（'list'）.style.display='none'；
document.getElementById（'detail'）。innerHTML='关于'+id'的一些详细信息；document.getElementById（'detail'）。style.display='block'；
} 
返回

1
2

你有一些代码可以和我们分享吗？我不明白你所说的“div的一部分”是什么意思"? 这个部门有多大？这个部门的内容是什么？潜水舱周围是什么？等等…如果你能用它来创建一个演示，这将帮助我们记录：）嘿，对不起，我没有回答这个问题，因为我几天前试图问它，这里有更多的信息：给我一秒钟来写一个功能更全面的JSFIDLE演示。无论触发设置的是什么：block，然后应该依次触发滚动到新的visisble div。display:block切换添加/删除类，并使用一些webkit转换逻辑设置交换动画。我试着在它之后调用滚动函数，但似乎没有任何效果。在我的屏幕上完全呈现页面后，在控制台中调用函数可以正常工作。因此，问题似乎在于调用时div没有完全呈现。