Bagaimanakah Saya Boleh Menunjukkan Div Selepas Menatal Ke Bawah 800 Piksel?

Tunjukkan div pada tatal ke Bawah selepas 800px

Senario:
Anda memerlukan div tersembunyi untuk muncul semasa menatal turun sekurang-kurangnya 800 piksel dari bahagian atas halaman. Untuk mencapai matlamat ini, contoh sedia ada memerlukan pengubahsuaian.

Penyelesaian:

Untuk memenuhi permintaan anda, ubah suai kod jQuery seperti berikut:

$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 800) {
    $('.bottomMenu').fadeIn();
  } else {
    $('.bottomMenu').fadeOut();
  }
});

Penjelasan:

• Acara tatal() pendengar memantau kedudukan tatal halaman.
• Apabila menatal ke bawah melepasi 800 piksel (y > 800), div .bottomMenu menjadi kelihatan menggunakan fadeIn().
• Apabila menatal kembali ke ketinggian di bawah 800 piksel (y < 800), div pudar menggunakan fadeOut().

Contoh:

<!-- HTML -->
<div class="bottomMenu">
  <!-- content -->
</div><pre class="brush:php;toolbar:false"><!-- CSS -->
.bottomMenu {
    display: none;
    width: 100%;
    height: 60px;
    border-top: 1px solid #000;
    position: fixed;
    bottom: 0;
    z-index: 100;
}

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menunjukkan Div Selepas Menatal Ke Bawah 800 Piksel?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!