专业网站建设_企业品牌营销 · 北京汇仁智杰科技有限公司

Web前端知識

首頁 > 免費 > Web前端知識 >

三種方法實現智能浮動

來源:北京匯仁智杰科技有限公   時間:2015-12-28   點擊:

  三種方法實現智能浮動

  方法一:

  <script type="text/javascript">

  $(function() {

   var offset = $("#text-3").offset();

  var topPadding = 15;

   $(window).scroll(function() {

   if ($(window).scrollTop() > offset.top) {

   $("#text-3").stop().animate({

   marginTop: $(window).scrollTop() - offset.top + topPadding

   });

  } else {

   $("#text-3").stop().animate({

   marginTop: 0

   });

  };

   });

   });

   </script>

  方法二:jQuery方式

  $.fn.smartFloat = function() {

  var position = function(element) {

   var top = element.position().top, pos = element.css("position");

   $(window).scroll(function() {

   var scrolls = $(this).scrollTop();

  if (scrolls > top) { //如果滾動到頁面超出了當前元素element的相對頁面頂部的高度

   if (window.XMLHttpRequest) { //如果不是ie6

   element.css({

   position: "fixed",

   top: 0

   }).addClass("shadow"); 

   } else { //如果是ie6

  element.css({

  top: scrolls

   }); 

   }

   }else {

   element.css({

   position: pos,

  top: top

   }).removeClass("shadow") 

   }

   });

   };

   return $(this).each(function() {

  position($(this));

   });

  };

  $(function(){

  $(".wrapper-nav").smartFloat();

  });

  方法三:MooTools方式 

  var $smartFloat = function(elements) {

  var position = function(element) {

   var top = element.getPosition().y, pos = element.getStyle("position");

   window.addEvent("scroll", function() {

  var scrolls = this.getScroll().y;

   if (scrolls > top) {

   if (window.XMLHttpRequest) {

  element.setStyles({

  position: "fixed",

  top: 0

   });

  } else {

   element.setStyles({

  top: scrolls

   });

   }

   }else {

  element.setStyles({

   position: "absolute",

   top: top

  });

   }

   });

  };

   if ($type(elements) === "array") {

  return elements.each(function(items) {

  position(items);

   });

  } else if ($type(elements) === "element") {

   position(elements);

  }

  };

網絡營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區回龍觀龍冠大廈5層
咨詢:13370157521
業務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰

主站蜘蛛池模板: 新房_二手房_别墅_全包装修-天美艺装饰【官网】-深圳装修公司 | 气动隔膜调节阀,气动比例调节隔膜阀|川熙流体设备百科 | 苏州宣传片制作_企业展厅设计_博物馆设计_展馆设计_方行舟设计公司 | 新东方大学考试官网_考研/英语/雅思/托福/四六级/日语/韩语/教资在线网课官网 | 阴_阳离子聚丙烯酰胺价格_聚合氯化铝厂家_聚合硫酸铁-巩义市亿洋水处理材料有限公司 | 精品中文字幕在线观看,粉嫩av一区二区三区,最近中文字幕在线看免费视频,亚洲高清在线观看,日本一区二区视频手机免费看,国产黄色小视频,亚洲高清免费视频,国产精品一区二区欧美视频,亚洲人免费视频,亚洲视频在线观看免费,国产免费高清综合视频,中文字幕永久在线 | 黑料网 - 黑料大事记-黑料门 黑料社最新 今日黑料 热门黑料 最新反差免费-黑料网今日黑料首页_黑料网 - 黑料大事记-黑料门 黑料社最新 今日黑料 热门黑料 最新反差免费-黑料网今日黑料首页 | 萍乡市耀天化工有限公司 | 液态硅胶制品厂家_液态硅胶包胶加工_LSR液态硅胶模具厂_液体硅胶注射成型_广东盈泰 | 乐贝贝童装批发网-外贸童装批发厂家直销|网上品牌童装批发市场|儿童服装批发首选 | 纸袋胶-糊盒胶-礼盒胶-裱纸胶-水性喷胶-东莞市美好化工有限公司 纸袋机|多层纸袋机|高速纸袋机|无锡市天天友情机械有限公司 | 校园防欺凌|视频一键式报警器|防霸凌报警柱|停车场语音对讲|商铺联网报警|应急广播音柱|居家养老一键通|盾王可视联网运营中心 | 石笼网|镀锌石笼网|石笼网价格|包胶涂塑石笼网箱-河北海峰石笼网厂 | 汽油发电机,柴油发电机,小型汽油发电机,小型柴油发电机,家用发电机生产厂家——上海东明动力设备有限公司 | 智慧网格,智慧城市,智慧社区,精准扶贫,农村电商,网格化,网格化管理,智慧养老,北京瑞光极远数码科技有限公司 | 徐州恒铭机械设备有限公司_装载机配件_压路机配件_起重机配件_挖掘机配件_配件_徐州恒铭机械设备有限公司 | 湖南净声源环保科技有限公司是一家专业从事噪声治理和建筑声学设计生态环境综合治理服务的企业,专业从事株洲电梯隔音治理,湘潭中央空调降噪处理,衡阳邵阳冷却塔噪音治理,岳阳常德大型风机噪声隔音降噪,张家界空压机噪声治理,益阳配电房变压器噪声治理,专业郴州永州工厂企业车间噪声治理,怀化娄底专业机械设备减振降治理,武汉噪音治理隔音降噪公司,孝感噪音治理,立式球磨机的噪声控制,专业隔音降噪公司,、以及各类机械动力设备减振降噪噪声治理的公司,同时为客户提供咨询与解决方案 | 塑木地板,塑木栏杆,塑木地板价格,塑木地板厂家—浙江尚元塑木制品有限公司 | 锯骨机-砍排机-全自动锯骨机-商用砍排机-切丁机 - 广州市九盈机械设备有限公司 | 河北安润防腐管业股份有限公司-远程供液管路_远距离供液管路_远程供液系统 | 随车吊,洒水车,吸污车-程力专用汽车股份有限公司 | 衡水物流网,衡水物流信息网,衡水物流公司,衡水货运专线,衡水专线运输车辆 | 树脂门|卫浴门|医院门|医院专用门|卫生间门—湖南航天康达树脂门 | 眉山净源居环保科技有限公司,眉山除甲醛公司,眉山甲醛治理,眉山保洁服务,眉山家政保洁,眉山家电维修 - 眉山净源居环保科技有限公司,眉山除甲醛公司,眉山甲醛治理,眉山保洁服务,眉山家政保洁,眉山家电维修 | 合肥年会策划-合肥开业庆典公司-合肥会务活动礼仪公司-合肥展台搭建/音响租赁公司 [七色海] | 上海先顶仪器设备有限公司-国产氮气发生器-进口氮气发生器 | 信管飞软件官网 - 亚拓软件旗下精细化管理软件、进销存管理软件、混凝土ERP、通风设备ERP、风管报价软件、出纳软件、送货单打印软件、ERP软件等免费下载 | 网站建设|营销型网站|独立站搭建|外贸网站建设|wordpress独立站|小程序开发-?无双建站? | 云南破碎机-制砂机-洗砂机-振动筛-昆明昆重机械厂家 | 河北撒旺肥业有限公司 | 污泥处理设备|污泥固化固液分离压泥机压滤机厂家-山东冠诚开山贸易 | 湖北江南专用特种汽车有限公司官方网站 | 湖南净声源环保科技有限公司是一家专业从事噪声治理和建筑声学设计生态环境综合治理服务的企业,专业从事株洲电梯隔音治理,湘潭中央空调降噪处理,衡阳邵阳冷却塔噪音治理,岳阳常德大型风机噪声隔音降噪,张家界空压机噪声治理,益阳配电房变压器噪声治理,专业郴州永州工厂企业车间噪声治理,怀化娄底专业机械设备减振降治理,武汉噪音治理隔音降噪公司,孝感噪音治理,立式球磨机的噪声控制,专业隔音降噪公司,、以及各类机械动力设备减振降噪噪声治理的公司,同时为客户提供咨询与解决方案 | 吸音板_隔音板多少钱_降噪声学材料_环保阻燃防火_吸声装饰工程定制_厂家价格直供 - 佛山天阶声学材料厂 | 破碎机锤头-耐磨锤头-合金锤头-河南磐石耐磨材料有限公司 | 乌鲁木齐万疆通管道设备有限公司 销售热线;13565955557-新疆 乌鲁木齐 万疆通 管道设备 波纹补偿器 膨胀节 金属软管 伸缩器 管件 阀门 维修 | 汽车蓄电池配件_蓄电池维护保养产品_叉车电池配件研发生产厂家—联鸿能源 | 浙江健朗-舒华跑步机|公园运动器材|商用健身设备|户外健身器材厂家 | 天之水网_新时代主流门户网站 十大文明网,主流新媒 、 值得信赖、关注我、温暖你! | 河北撒旺肥业有限公司| 南昌今工科技有限公司|