首页 / JQUERY / js页面滚动浮动层智能定位(jQuery)实现

js页面滚动浮动层智能定位(jQuery)实现

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js页面滚动浮动层智能定位(jQuery)实现，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含651字，纯文字阅读大概需要1分钟。

内容图文

  1. ///js页面滚动浮动层智能定位(jQuery)实现  
  2. ///调用：$("#popfloat").smartFloat($("#mainInfo").width() + 21);  
  3. $.fn.smartFloat = function(width_p) {  
  4.     var position = function(element) {  
  5.         var top = element.position().top, pos = element.css("position");  
  6.         $(window).scroll(function() {  
  7.             var scrolls = $(this).scrollTop();  
  8.             if (scrolls > top) {  
  9.                 if (window.XMLHttpRequest) {  
  10.                     element.css({  
  11.                         position: "fixed",  
  12.                         width: width_p,  
  13.                         top: 0  
  14.                     });  
  15.                 } else {  
  16.                     element.css({  
  17.                         top: scrolls  
  18.                     });  
  19.                 }  
  20.             } else {  
  21.                 element.css({  
  22.                     position: "", //absolute  
  23.                     top: top  
  24.                 });  
  25.             }  
  26.         });  
  27.     };  
  28.     return $(this).each(function() {  
  29.         position($(this));  
  30.     });  
  31. };  

原文：http://www.cnblogs.com/lschenblog/p/3985711.html

内容总结

以上是互联网集市为您收集整理的js页面滚动浮动层智能定位(jQuery)实现全部内容，希望文章能够帮你解决js页面滚动浮动层智能定位(jQuery)实现所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

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

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

来源：【匿名】