Bagaimana untuk Menghalang Menatal Keseluruhan Halaman Apabila Mengklik Elemen Di Dalam Div Boleh Tatal?

Cara Menatal Dalam Div Boleh Tatal

Apabila mengklik pada elemen dalam div yang ditatal, anda mungkin menghadapi isu di mana keseluruhan halaman tatal bukan hanya div. Untuk menyelesaikan masalah ini, manfaatkan langkah berikut:

1. Kira offset menegak elemen yang dikehendaki berbanding div induknya:

<code class="javascript">var myElement = document.getElementById('element_within_div');
var topPos = myElement.offsetTop;</code>

2. Gunakan scrollTop ke tatal div ke kedudukan yang ditentukan:

<code class="javascript">document.getElementById('scrolling_div').scrollTop = topPos;</code>

Sebagai alternatif, untuk prototaip pelaksanaan JS:

<code class="javascript">var posArray = $('element_within_div').positionedOffset();
$('scrolling_div').scrollTop = posArray[1];</code>

Pendekatan ini memastikan bahawa div menatal untuk memaparkan elemen yang dikehendaki di bahagian atas atau sejauh mungkin ke bawah jika ia tidak kelihatan secara lalai.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Menatal Keseluruhan Halaman Apabila Mengklik Elemen Di Dalam Div Boleh Tatal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!