Bagaimana untuk menetapkan kedudukan tetap dalam bootstrap-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menetapkan kedudukan tetap dalam bootstrap

WBOY

Lepaskan： 2022-05-06 15:26:55

asal

3267 orang telah melayarinya

Dalam bootstrap, anda boleh menggunakan pemalam Affix untuk menetapkan kedudukan tetap Pemalam boleh membetulkan kedudukan mana-mana elemen melalui data atribut tersuai Sintaksnya ialah "".

Bagaimana untuk menetapkan kedudukan tetap dalam bootstrap

Persekitaran pengendalian tutorial ini: sistem Windows 10, bootstrap versi 3.3.7, komputer DELL G3

Cara menetapkan bootstrap untuk dibetulkan Penentududukan

Kedudukan tetap - pencetusan deklaratif kedudukan tetap

Pemalam Affix boleh melakukan penentududukan tetap pada mana-mana elemen Kaedah paling mudah ialah mencetuskannya melalui data atribut tersuai. Ia terutamanya termasuk dua parameter:

1 data-spy: imbuhan nilai, yang menunjukkan bahawa elemen itu tetap.

2. data-offset: nilai integer, seperti 90, yang bermaksud bahawa nilai elemen atas dan bawah adalah 90px Ia termasuk dua kaedah: data-offset-top dan data-offset-bottom.

data-offset-top digunakan untuk menetapkan jarak elemen dari atas. Sebagai contoh, 90 bermakna elemen adalah 90px dari atas Apabila pengguna menyeret bar skrol ke bawah dari atas, apabila jarak tatal lebih besar daripada 90px, unsur imbuhan tidak akan menatal lagi dan akan ditetapkan di bahagian atas. tetingkap penyemak imbas.

data-offset-bottom hanyalah bertentangan dengan data-offset-top.

Penggunaan khusus adalah seperti berikut:

<div data-spy="affix" data-offset="90">affix元素</div>

Salin selepas log masuk

Tetapkan nilai mengimbangi data secara berasingan:

<div data-spy="affix" data-offset-top="90" data-offset-bottom="150">affix元素</div>

Salin selepas log masuk

Perhatikan bahawa pemantauan skrol mesti diisytiharkan dalam badan.

<body data-spy="scroll" data-target="sidebarMenu">

Salin selepas log masuk

Nota, sila lihat kesan dalam mod skrin lebar. Menurut ujian saya, menggunakan gaya deklaratif, walaupun nilai data-offset-top ditetapkan, ia akan menjadi tidak sah Anda perlu menetapkan nilai teratas untuk imbuhan dalam gaya, yang sama dengan nilai data-offset -atas. Sama seperti data-offset-bottom.

Cadangan berkaitan: tutorial bootstrap

Atas ialah kandungan terperinci Bagaimana untuk menetapkan kedudukan tetap dalam bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!