jquery滚动到指定位置,jquery浮动窗口

  jquery滚动到指定位置,jquery浮动窗口

  各位兄弟可能碰到定位的问题,特别是在博客或者微博上面也会见到这个效果,于是产品人员在策划的时候就会要人家那种效果,而苦逼的我们需要去实现,实现实现。没办法,谁让我们是攻城师呢,攻吧:

  效果图如下,滚动条下拉的时候,黑色的块顶端为0;固定显示:

  代码如下:

  !声明文档类型

  超文本标记语言

  头

  标题框架实现页面滚动时层智能浮动定位/标题

  meta name= description content= /

  脚本类型=文本/JavaScript src= http://JT。875 .cn/js/jquery。js /脚本

  style type=text/css

  *{边距:0;填充:0;}。顶部{高度:100像素背景:# ccc文本对齐:居中;行高:100像素字体大小:40px}

  body { font:12px/1.8 Arial;颜色:# 666;高度:2000像素}。浮动{ 200像素高度:200像素边框:1px固体# ffecb0背景色:# 000;位置:绝对;右:10 pxtop:150 px;}

  /风格

  /头

  身体

  差异导航啊导航啊导航/div

  div id=float /div

  脚本类型=文本/javascript

  $.fn.smartFloat=function() {

  变量位置=功能(元素){

  var top=element.position().top,pos=element。CSS(位置);

  $(窗口)。scroll(function() {

  var scrolls=$(这个)。滚动顶部();

  如果(向上滚动){

  如果(窗口XMLHttpRequest) {

  element.css({

  位置:"固定",

  顶部:0

  });

  }否则{

  element.css({

  顶部:卷轴

  });

  }否则{

  element.css({

  位置:位置,

  顶部:顶部

  });

  返回$(这个)。each(function() {

  位置($(这个));

  $(#float ).智能浮动();

  /脚本

  /div

  /body

  /html

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: