工作室注册登录标签云赞助光荣榜

当前位置:首页 > 全栈分享 > JavaScript > 正文

如何让一个div块在页面滚动到其出现之后在当前窗口的位置不再发生变化

发布时间:2018-03-15 21:31:56作者:魏义齐阅读:()评论:

本文为博主原创文章,未经博主允许不得转载!

当个人站长明白情怀换不来钱也不能成为坚持下去的强大动力之后,联盟广告赚钱就变成了所有人的期望,利益最大化是人类一直的追求,就像一个广告位不管页面滚动到哪都要展现在访问者面前一样。

实现js代码如下:

  1. <script type="text/javascript"
  2.     window.onload = 
  3.         function () { 
  4.             var oDiv = document.getElementById("ggw"), 
  5.                 H = 0, 
  6.                 Y = oDiv 
  7.             while (Y) { 
  8.                 H += Y.offsetTop; 
  9.                 Y = Y.offsetParent 
  10.             } 
  11.             window.onscroll = function () { 
  12.                 var s = document.body.scrollTop || document.documentElement.scrollTop 
  13.                 if (s > H) { 
  14.                     oDiv.style = "position:fixed;top:90px;" 
  15.                 } else { 
  16.                     oDiv.style = "" 
  17.                 } 
  18.             } 
  19.         } 
  20. </script> 

“ggw”为广告所在盒子的名称,top后的值是距离当前窗口顶部的距离,效果看右侧广告。

对于菜鸟来说你可以研究一下这段js代码的写法,对于大神来说这段js代码也不是让你说“小儿科”的,而是让你在需要的时候直接Ctrl+C。

本文标签:,您可以阅读与「」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

相关阅读

    无相关信息

上一篇:表单验证常用的正则表达式下一篇:随页面滚动动态加载内容的实现方法

原创不易,您的赞助就是博主更新的动力!

赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。

HashOver畅言云评完全自托管的评论系统

工作室注册登录标签云赞助光荣榜

最新会员
  • 东方星雨
  • deanhan
  • 1264822519
  • aini3311
  • a1051020101
  • weiyiqi