Question

如何导航到隐藏的div的一部分，然后通过在其上设置display：block来解除？

我已经尝试保存我想要的位置并使用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>

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

0 个答案: