Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Meniru `lampiran latar belakang: tetap` Gelagat pada iOS?

Bagaimana untuk Meniru `lampiran latar belakang: tetap` Gelagat pada iOS?

Susan Sarandon
Lepaskan: 2024-12-25 15:53:14
asal
1000 orang telah melayarinya

How to Replicate `background-attachment: fixed` Behavior on iOS?

Mereplikasi Latar Belakang-Lampiran: Gelagat Tetap pada iOS

Meneroka Isu

Apabila menggunakan lampiran latar belakang: ditetapkan kepada mencapai imej latar belakang tetap pada iOS, pembangun menghadapi masalah dengan saiz yang tidak dijangka dan kekurangan kesan tatal. Isu ini timbul kerana Safari pada iOS melumpuhkan lampiran latar belakang untuk meningkatkan prestasi menatal.

Memahami Had Penyemak Imbas

Menurut @PaulIrish, latar belakang tetap mengenakan pengecatan semula yang ketara kos, memberi kesan negatif kepada prestasi menatal. Akibatnya, Safari pada iOS telah melumpuhkan tingkah laku ini.

Pendekatan Alternatif

Memandangkan lampiran latar belakang: tetap tidak disokong pada iOS, penyelesaian alternatif boleh diterokai:

  • Kedudukan Tetap DIV:

    • Buat kedudukan: tetap; DIV dan letakkan imej latar belakang di dalamnya.
    • Klip DIV menggunakan kedudukan: relatif; DIV induk.
    • Teknik ini menyediakan penyelesaian dengan mensimulasikan tingkah laku latar belakang tetap tanpa menggunakan lampiran latar belakang: tetap.

Contoh

Rujuk jawatan berikut untuk pelaksanaan selanjutnya bimbingan:

  • [Imej latar belakang tetap dengan ios7](https://stackoverflow.com/questions/21128043/imej-latar belakang-tetap-dengan-ios7)
  • [Badan tetap tatal latar belakang dengan halaman dihidupkan iOS7](https://stackoverflow.com/questions/20786807/fixed-body-background-scrolls-with-the-page-on-ios7)

Atas ialah kandungan terperinci Bagaimana untuk Meniru `lampiran latar belakang: tetap` Gelagat pada iOS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan