masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 类似天猫商品详情随浏览器移动的示例代码_jquery

类似天猫商品详情随浏览器移动的示例代码_jquery

WBOY
Lepaskan： 2016-05-16 16:57:53
asal
1152 orang telah melayarinya

使用该函数，必须集成于jquery包

原理：当浏览器移动到某个指定位置时，该图层上浮，然后加入一个样式，让该div层定位于浏览器顶部

复制代码 代码如下:

//控制头部购物车的显示
function fixshow(min_height){
min_height ? min_height = min_height : min_height = 830;
$(window).scroll(function(){
var s = $(window).scrollTop();
if( s > min_height){
$("#proBuyTip").fadeIn(100);
$(".fixtabwrap").addClass("topfixed");
}else{
$("#proBuyTip").fadeOut(200);
$(".fixtabwrap").removeClass("topfixed");
};
});
};

复制代码 代码如下:

.topfixed {
position: fixed !important;
top: 0px;
left: 0px;
z-index: 999;
width: 100%;
background-color: white;
position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
}
Label berkaitan：
pelayar bergerak
sumber：php.cn
Artikel sebelumnya：jquery ajaxSubmit 异步提交的简单实现_jquery Artikel seterusnya：动态创建script标签实现跨域资源访问的方法介绍_javascript技巧
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
Pilih produk berkaitan woocommerce menggunakan taksonomi tersuai dengan hierarki 3 tahap Saya mempunyai kedai woocommerce dengan klasifikasi tersuai "Sukan". Klasifikasi...
daripada 2024-04-06 20:05:30
0
1
544
Saya ingin menghantar dua e-mel berbeza ke dua alamat berbeza menggunakan php dalam fungsi yang sama Oleh itu, apabila produk ditempah daripada pedagang yang berdaftar di tapak web saya, saya...
daripada 2024-04-04 22:17:09
0
1
1481
React/Nod: Ralat integrasi ditemui semasa melanggan menggunakan Trial_period_days Saya mempunyai produk yang ditakrifkan dalam Stripe yang saya mahu sediakan sebagai percub...
daripada 2024-04-04 20:30:57
0
1
320
isu jQuery.remove() dan array.splice(). Jadi saya mempunyai halaman yang mempunyai senarai item dan senarai beli-belah. Jika anda ...
daripada 2024-04-04 17:21:35
0
1
347
Dapatkan ID kunci item troli beli-belah bagi item yang dialih keluar khusus: Troli Beli-belah WooCommerce Dalam WooCommerce saya mempunyai templat cart.php tersuai di mana saya perlu menyemak sama...
daripada 2024-04-04 16:35:18
0
1
282
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