1. Transisi (filter)
Sebagai komponen dasar yang didukung, direferensikan beberapa kali oleh komponen lain. Menerapkan kemampuan untuk mendukung transisi sesuai dengan browser, dan kemudian mengikat acara akhir animasi;
Pertama: Buat elemen;
Lalu: Iterasi Gambaran Umum Nama Animasi Transisi yang Didukung oleh Elemen Ini
Keterampilan implementasi transisi terutama untuk menulis ulang objek acara jQuery, dan kodenya adalah sebagai berikut:
$ (function () {$ .support.transition = transitionEnd () if (! $. Support.transition) mengembalikan $ .event.special.bstransitionEnd = {bindType: $ .support.transition.end, delegateType: $ .support.transition.end, function: ife) {E.). e.handleobj.handler.Apply (ini, argumen)}}})2. Affix (penentuan posisi mengambang otomatis)
1. Target: Parameter menunjukkan simpul referensi penentuan posisi (itu harus menjadi objek wadah induk yang menghasilkan bilah gulir), dan jendela defaultnya
2. Nilai atas dan bawah yang ditetapkan oleh data-offset hanya akan digunakan untuk menghitung ekspresi dan tidak akan diatur ke CSS.
3. Tiga jenis gaya penentuan posisi:
3.1. Affix-Top: Gaya yang akan ditambahkan saat mencapai bagian atas halaman
3.2. Affix: Gaya yang akan ditambahkan di tengah halaman
3.3. Affix-Bottom: Gaya yang akan ditambahkan di bagian bawah halaman
4. Formula pemrosesan:
4.1. Atas: Tinggi scrollbar traget (scrolltop) <jarak dari posisi atas elemen (offsettop) (penilaian pertama)
4.1.1. Scrolltop diatur ke: Top yang diposisikan oleh elemen itu sendiri (jarak dari titik asli elemen saat ini diposisikan dari dokumen) (bukan pertama kalinya)
4.2. GetPinnedOffset: Dapatkan bagian atas yang menempelkan scrollbar target atas elemen
4.3. Bawah: Jika elemen sticking adalah pertama kalinya bagian bawah diposisikan, maka bagian bawah adalah tinggi scrollbar target + ketinggian elemen target> = tinggi seluruh dokumen tinggi scrollbar menempel pada elemen dari bagian bawah
4.3.1. Jika ini bukan pertama kalinya, posisi bawah
1) Jika offsettop (jarak dari posisi atas elemen) tidak kosong, bagian atas target + nilai GetPinnedOffset> Nilai elemen lengket yang saat ini diposisikan ke atas
2) Jika offsettop kosong, bagian atas target + ketinggian elemen target> ketinggian ketinggian dokumen menempel ke bawah
4.
5. Di mana lubang itu terletak:
1) Ketika atas dan bawah digunakan bersama, konflik akan terjadi, alasan:
Affix-bottom, yaitu, ketika mencapai bagian bawah halaman, bootstrap menggunakan offset untuk mengatur nilai atas, dan menambahkan posisi: nilai relatif ke elemen, yang menghasilkan tidak berpengaruh saat menggulir ke bawah lagi setelah kembali ke bagian atas halaman.
Alasan: Set relatif dari gaya in-line akan mengesampingkan gaya tetap yang ditetapkan di kelas
6. Ringkasan
1) Ini baik dalam situasi teratas, dan Anda perlu menambahkan kontrol manual sendiri dalam situasi bawah
2) Saat menerapkan kontrol imbuhan, setidaknya menulis ulang gaya imbuhan diri Anda sendiri untuk mengontrol posisi bilah lengket.
Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan topik yang luar biasa kepada Anda: Tutorial Pembelajaran Bootstrap
Serangkaian tutorial ini telah dikompilasi ke dalam: Tutorial Dasar Bootstrap Topik Khusus, Selamat datang untuk mengklik untuk belajar.
Di atas adalah semua tentang artikel ini, saya harap akan sangat membantu bagi semua orang untuk mempelajari pemrograman JavaScript.