masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数_javascript技巧

用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:56:55
asal
812 orang telah melayarinya

首先这个元素position为fixed
top为(clientHeight-elem.offsetHeight)/2(即元素在浏览器的中间,这个是固定的)
left为(clientWidht-主体宽度)/2+主体宽度+左边距，左边距可以设为正数，也可以为负数，如果为负数时的绝对值 等于 主体宽度+elem.offsetWidht,那么元素就刚好浮动在页面主体的左边，设置为0时，刚好浮动在页面主体的右边
但是万恶的ie6不支持css中fixed属性，好在ie6可以通过expresion表达式来解决,万事大吉
具体看代码：

复制代码 代码如下:





宸
Label berkaitan：
左右浮动
sumber：php.cn
Artikel sebelumnya：深入理解JavaScript系列(13) This? Yes,this!_javascript技巧 Artikel seterusnya：JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码_jquery
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
Isu terkini
Gerakkan kandungan ke kiri dengan menambahkan sifat Width Saya telah memberikan margin kepada badan. utama {margin kiri: 200px; jidar kanan: 200px p...
daripada 2024-04-06 22:01:35
0
3
816
Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...
daripada 2024-04-06 20:45:26
0
2
386
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Jajarkan DIV ke tengah dengan kandungan di kedua-dua belah Jadi saya mempunyai 5 item (dalam DIV yang mengandungi). Barisan item adalah seperti berik...
daripada 2024-04-04 23:19:14
0
1
3438
Kaedah CSS dan HTML untuk mengalihkan perenggan ke kiri pada skrin bersaiz mudah alih Ia kelihatan sempurna pada skrin komputer biasa 16:9, dengan teks di sebelah kiri dan imej...
daripada 2024-04-04 20:25:22
0
1
330
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan