1.什么是悬停
当推荐位DIV自出现在视野中后,始终悬浮停留在相对浏览器固定的某一位置,使该推荐位里的内容一直在视野中。
2 实例
http://t.dianping.com/deal/10752942
3 jQuery代码
$(document).ready(function(){ var target = $('你想悬停的div'); var positionTop = target.position().top; // 计算target距离文档原点的高度,所以target的父元素最好没有potision属性 var positionLeft = target.position().left; $(window).scroll((){ var scrollTop = $(window).scrollTop(); if (scrollTop >= positionTop) { target.css({position:'fixed',left:positionLeft,top:0}); 当滚动距离大于positionTop时,将target的position改为fixed } else { target.css({position:'static',top:positionTop}); 当滚动距离小于postioinTop时,将target的position改为static } }); });
4 总结
上述代码只是我逆向反推的,我暂时也没找到国外优秀的类似jQuery插件。欢迎大家推荐类似的插件给大家。
原文地址:https://www.cnblogs.com/jxlwqq
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。