CSDN论坛 > Web 开发 > JavaScript

大家帮忙看看,这段浮动(跟随网页移动)代码,怎么不滚动了???? [问题点数:20分,结帖人dream520]

Bbs3
本版专家分:925
结帖率 100%
CSDN今日推荐
Bbs8
本版专家分:30453
Bbs3
本版专家分:925
Bbs3
本版专家分:925
Bbs8
本版专家分:30453
Bbs3
本版专家分:925
Bbs5
本版专家分:2458
匿名用户不能发表回复!
其他相关推荐
JQ浮动元素跟随鼠标移动
<!DOCTYPE html><html lang="zh-CN">    <head>        <meta charset="utf-8" />        <style type="text/css">            body{margin:0;}            #aa{width:
div模块层随页面滚动遇顶固定的两种方法(js&jQuery)
一、遇顶固定的例子 我一直以为是某个div或层随屏幕滚动,遇顶则固定,离开浏览器顶部又还原这样的例子其实不少,其实它的名字叫“层的智能浮动效果”。目前我们在国内的商业网站上就常常看到这样的效果了。例如淘宝网的搜索结果页的排序水平条,在默认状态时,该工具条是跟随页面滚动的,如下图: 而当我们下拉滚动条,随着页面向下滚动,当此工具条接触到浏览器的上边缘时,这时就会独立出来固定在顶部,不跟随页面滚动而滚动了,如下图: 类似的例子效果我们在别的网站上都有看到过,例如腾讯微博首页上,当我们下拉屏幕浏览最新微博时,工具条也会出现这个效果,如下图: 这个效果看上去方便,贴心,也许还带推动广告的促销呢。原理其实很简单,本文展示两种方法。 二、智能浮动效果的实现原理 它分两种状态,一是默认状态,二是浮动固顶状态。 默认状态就是默认状态,什么也不用做,保持原有的CSS就好。无论有没有对它做定位,做了absolute也好,没做也好,都行。 关键是当浏览器屏幕滚动时,该对象div层要移除浏览器界面视区的时候,是要修改它的position属性,让它浮动在窗口的上沿显示就行了。最好的position属性是fixed,可以在IE6+和其他浏览器浮动层平滑的固定定位,由于IE6老大哥不支持fixed属性,所以可以另外赋予它absolute属性。当然也会产生副作用——滚动不平滑。不过也无所谓了,在微软公布不再修补更新XP漏洞,在中国360安全卫士的帮助下虽然大家仍然使用XP,但IE的用户已经是少之又少了。 那接下来,如何判断当前div层与浏览器窗口的上边缘接触了呢?遇到浏览器顶部了呢? 当浮动层div与浏览器窗口上边缘接触的一瞬间,其页面垂直偏移值与页面的滚动高度是一致的,所以我们就用这个进行判断。那如何获得页面上元素距离页面的垂直距离呢? 这里则是使用javaScript库实现。
浮动跟随js
javascript网页浮动跟随代码,拖动网页跟随的广告等等之类的
DIV+js+css跟随鼠标的浮动提示框
转载地址:http://blog.163.com/meng_qiang/blog/static/1773543732011416105516937/
停留在网页顶部随着滚动条移动而不动JQUERY代码
要讲解里面的原因,请留言。 无标题文档 $(function(){ $("#wrap ul li ").css("width",760 / $("#wrap ul li").size()); $(window).scroll(function(){ var h = $(this).scrollTop()+2; $("#wrap").css("top",h
AppbarLayout实现基本的头部跟随列表滚动效果
AppBarLayout继承自LinearLayout,布局方向为垂直方向。所以你可以把它当成垂直布局的LinearLayout来使用。AppBarLayout是在LinearLayou上加了一些材料设计的概念,它可以让你定制当某个可滚动View的滚动手势发生变化时,其内部的子View实现何种动作。 请注意:上面提到的某个可滚动View,可以理解为某个ScrollView。怎么理解上面的话呢?就是说
如何设置跟随滚动条一起滚动的div
原理 使用css的定位属性position,设其值为fixed即可,该属性是将指定元素绝对定位于窗体,使用left,right,top和bottom属性来设置偏移于窗体原点的位置。 实例源码 .mainBox{ margin:0px 10px; width:400px; height:400px; position:relative
网站首页浮动窗口移动代码
1.html代码: ×最新通知公告 font-weight:bold;" href="${url}" target="_blank"> 2.js代码: var x = 50,y = 60; var xin = t
android EditText跟随键盘弹出,背景不会被顶上去
android EditText跟随键盘弹出,背景不会被顶上去
网页底部浮动通栏、导航条
网页底部浮动通栏,不跟随滚动条滚动而改变位置,始终处于网页底部。
关闭
关闭