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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了类似天猫商品详情随浏览器移动的示例代码_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含689字，纯文字阅读大概需要1分钟。

内容图文

使用该函数，必须集成于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));
}

内容总结

以上是互联网集市为您收集整理的类似天猫商品详情随浏览器移动的示例代码_jquery全部内容，希望文章能够帮你解决类似天猫商品详情随浏览器移动的示例代码_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/320021.html

来源：【匿名】