0

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>

</ p>

4

0 に答える 0