Baru -baru ini, ketika saya melakukan statistik proyek, saya menemukan persyaratan tertentu, mengharuskan tabel itu diperbaiki saat menggulir ke atas dan ke bawah; Saat menggulir kiri dan kanan, tabel diperbaiki di kolom pertama tabel, kolom terakhir kolom pertama tabel diperbaiki.
Mungkin lebih jelas untuk mengutamakan rendering:
Saat menggulir kiri dan kanan, kedua kolom tetap, dan bagian tengah kepala dan ekor gulungan sesuai.
Saat menggulir ke atas dan ke bawah, kepala dan ekor tetap, dan bagian tengah kolom pertama dan terakhir menggulirnya.
Ide:Setelah berpikir untuk waktu yang lama, saya menemukan bahwa pada dasarnya sulit dicapai jika saya hanya menggunakan meja, dan ada tempat yang bertentangan ketika menggulir ke atas dan ke bawah. Akhirnya, saya berubah pikiran untuk menggunakan tata letak div dan meniru desain tabel untuk mencapai efek ini.
menyelesaikan: 1. Tata letak keseluruhan: dibagi menjadi tiga bagian: atas, tengah dan bawah, yaitu header, tubuh, dan footer. Tubuh padat. Menerapkan gulir naik dan turun. Bukankah itu sangat sederhana? Ha ha. 2. Tata letak header: Divided menjadi wadah kiri kanan, lebar kiri10% mengapung kiri, wadah 80% lebar mengapung kiri, kanan 10% mengapung kiri. Tambahkan wadah dengan lebar aktual dari kontainer kolom data (penentuan posisi relatif).3. Tubuh, footer, dan header.
4. Control Core: Hasilkan Div (80%) dengan lebar yang sama dengan wadah, dan tempatkan div dengan lebar data aktual yang sama dengan kontainer kolom (seperti ID = gulir). Untuk mensimulasikan bilah gulir kiri dan kanan.
Kode javascript menyalin konten ke clipboard