知识大全 JavaScript仿淘宝智能浮动

Posted

篇首语:勇敢,事会成功;勤劳,幸福必来。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 JavaScript仿淘宝智能浮动相关的知识,希望对你有一定的参考价值。

JavaScript仿淘宝智能浮动  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

  我们经常在淘宝网看到这样的特效 商品列表特别长 而商品列名称始终保持在最顶端 如果你把滚动条滚动至最上边了 那么它会自动判断是否到顶端了 然后一直置顶从而不怕遮挡

  这种特效是通过JavaScript和CSS实现的 在实际开发中有不少用途 下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码 兼容性不错 在IE Firefox Chrome下都能正常工作

  在Z Blog中使用这个特效代码需要注意 如果在侧边栏使用 则需要注意 侧栏中的栏目不能使用JavaScript动态加载 必须用静态的格式 否则在JavaScript会错误的计算页面高度 上下滚动的时候会出现错位现象

  

  以下是相关代码

  JavaScript 代码

  (function()

  var oDiv=document getElementById("float");

  var H= iE ;

  var Y=oDiv;

  while(Y)H+=Y offsetTop;Y=Y offsetParent;

  iE =window ActiveXObject&&!window XMLHttpRequest;

  if(!iE )

  window onscroll=function()

  

  var s=document body scrollTop||document documentElement scrollTop;

  if(s>H)oDiv className="div div ";if(iE )oDiv style top=(s H)+"px";

  elseoDiv className="div ";

  ;

  

  )();

  HTML 代码

  HTML 代码

  <div id="box">

  <div id="float" >

  //随滚动移动的部分代码

  </div>

  </div>

  CSS 代码

  #boxfloat:left;position:relative;width: px;

   div

cha138/Article/program/Java/JSP/201311/20184

相关参考

知识大全 利用JavaScript和CSS制作浮动menu

利用JavaScript和CSS制作浮动menu  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 JavaScript实现仿Windows关机效果

JavaScript实现仿Windows关机效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 用JavaScript实现仿Windows关机效果

用JavaScript实现仿Windows关机效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 

知识大全 使用div仿javascript模态窗口

  前几天在博客园看到有人说模态窗口在ie里面显示出现地址栏其实这本是一件好事而且ie的模态窗口是ie的函数ffopera等都不支持我评论的原话  只是ie增强的安全特性罢了这个世界还真奇怪有人说ie

知识大全 在淘宝上卖高仿包包,顾客收了包包用了几天说质量不好申请退货怎么办

在淘宝上卖高仿包包,顾客收了包包用了几天说质量不好申请退货怎么办?拒绝他如果申请淘宝介入我该怎么办如果你都说是高仿的了,淘宝打假有多严重我想你应该了解的。如果申请客服介入处理,假货肯定支持退货退款,并

知识大全 请问下,在淘宝里,卖家上传怎样的宝贝算是侵权。

请问下,在淘宝里,卖家上传怎样的宝贝算是侵权。那卖高仿名牌鞋,高仿手机算不算是侵权呢!谢了。回答:你要庆幸的是正品厂商没有向淘宝投诉,只要一投诉淘宝就立案,封店处理,之前已经封了好几个皇冠店铺了。如果

知识大全 asp.net 中实现窗体两边的浮动条

  javascript   第一个  <SCRIPTsrc=js/showjs></SCRIPT>  showjs代码如下  /****&nbs

知识大全 我想问问淘宝里的有假货的话怎么识别

我想问问淘宝里的有假货的话怎么识别?光看卖家信用度有用吗?高仿的当然是假的啦,只是仿的比较高明而已!那些注明高仿的还是比较诚实一点,总比那些卖假货还口口声声说卖真货的好!在网上买到真品的概率是很低的,

知识大全 系统为安卓系统的, 那种手机怎么样,好用吗, 用过的朋友请回答

淘宝网上卖的高仿苹果手机系统为安卓系统的,那种手机怎么样,好用吗,用过的朋友请回答!不建议买性能没保障售后没保障如果为了苹果这个牌子那确实也没什么意思国产现在也很多手机壮大支持下吧高仿苹果手机安卓系统

浮动股息优先股的息率

浮动股息优先股的息率浮动股息优先股的息率调整,通常与公司经营业绩的变化无关;浮动条款设立的原因主要是为了适应金融市场利率变动频繁的状况,以保护公司或优先股投资者的利益。浮动股息优先股的股息变动往往要事