javascript - Halaman lalai mempunyai bar skrol Apabila lapisan pop timbul muncul, bagaimanakah saya boleh menyembunyikan bar skrol asal dan membuat kandungan pop timbul boleh ditatal?

Question

Pada halaman telefon mudah alih, kandungan badan lalai mempunyai banyak kandungan dan terdapat bar skrol Apabila lapisan pop timbul muncul apabila diklik, kandungan badan tidak boleh ditatal, tetapi lapisan pop timbul boleh ditatal! Bagaimana untuk menanganinya?

Answer 1

Nampaknya tidak perlu menetapkan apa-apa secara berasingan Apabila lapisan pop timbul muncul, tetapkan kandungan asal untuk melimpah dan menyembunyikan, lapisan pop timbul akan melimpah secara automatik, dan sebaliknya akan berlaku apabila menutupnya.

Answer 2

Anda boleh mengelakkan menggelegak dalam acara skrol lapisan pop timbulevent.stopPropagation(). Kemudian apabila menatal lapisan pop timbul, acara skrol luaran tidak akan dicetuskan.

$(".pop_box").on("touchmove",function(event){
    event.stopPropagation()
})

Answer 3

Anda boleh mencuba kotak modal bootstrap Nampaknya lapisan pop timbul kotak modal boleh ditatal, tetapi badan tidak boleh.

Answer 4

Tetapkan lebar dan ketinggian badan kepada 100% dan limpahan: tersembunyi limpahan lapisan pop timbul: auto sepatutnya baik

;