2 stranger5 stranger5 于 2016.02.10 21:02 提问

js里div框缓冲浮动,不知道为什么没有效果,求大神指点!

<!DOCTYPE html>




<br> #div1{width: 100px;height:150px;background: red;position: absolute;right: 0;bottom:0;}<br>
<br> window.onscroll=function(){<br> var oDiv=document.getElementById(&quot;div1&quot;);<br> var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;</p> <pre><code> //oDiv.style.top=document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop+&quot;px&quot;; startMove(document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop); var timer=null; function startMove(iTarget){ var oDiv=document.getElementById(&quot;div1&quot;); clearInterval(timer); timer=setInterval(function(){ var speed=(iTarget-oDiv.offsetTop)/6; var speed=speed&gt;0?Math.ceil(speed):Math.floor(speed); if(oDiv.offsetTop==iTarget) { clearInterval(timer); } else{ oDiv.style.top=oDiv.offsetTop+speed+&quot;px&quot;; } },30); } } &lt;/script&gt; </code></pre> <p></head><br> <body style="height: 2000px"><br> <div id="div1"></div><br> </body><br> </html></p>

1个回答

devmiao
devmiao   Ds   Rxr 2016.02.11 07:39
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
html浮动效果无法显示解决办法
今天做项目的时候突然发现html的浮动效果无法正确表示,原因是 当父容器里面里面嵌套有一个DIV,当DIV设置了浮动,那么父容器是无法被撑开的,也就是说DIV在这里相当于浮在了页面上方,跟DIV不在同一个层面,导致了DIV无法把父容器给撑开。 解决办法是在css中加入这两句代码 overflow:hidden;             zoom:1;
css+js框浮动位移效果
cssjs框浮动位移效果 要实现的效果 咯这个样儿就是要搞整起来的目标看下面看下面好像有点像是电影的宣传一样 _ 先来一个小框框 哈哈就是使用一个div包裹 然后加上其他元素 头图 标题和价格 最后加上box下面的 go 块儿和hover效果 go 加加加 tezhan 的hover 针对go进行js强化 分块儿链接设置 使用localtion 使用jsinput属性 使用ajax异步加载数据啷个
js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
在本文为大家介绍两种思路实现点击页面其它地方隐藏该div,第一种是对document的click事件绑定事件处理程序..详情请参考本文 思路一 第一种思路分两步 第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方
DIV+CSS区块框浮动设计
在页面布局的时候,可以用绝对定位来实现,但是由于调整某个区块框时其他区块的位置不会相应的改变,所以这并不是布局的首选方式。但是使用浮动的区块框可以向左或向右移动,直到它的外边缘碰到包含它区块的边框或另一个浮动狂的边框为止。并且由于浮动框不在文档的普通流中,所以文档的普通流中的区块框表现的像就浮动框不存在一样。 这篇文章就总结几种简单的区块框浮动的例子: 1.不浮动区块框排序 D
MCP42010系列程控电位器
STM32VET6 模拟SPI与MCP42010系列程控电位器通信,设定电位器阻值,硬件形式不知道为什么不行,求大神指点
DIV+js+css跟随鼠标的浮动提示框
转载地址:http://blog.163.com/meng_qiang/blog/static/1773543732011416105516937/
解决div设置浮动,高度消失
给包围 浮动的层 加清除浮动样式,样式要兼容的用下面的代码.clearfix {*zoom:1; clear:both;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;zoom: 1;} 一、简单说说content内容生成 content内容生成就是通过content属性生
元素浮动之后文字会环绕而不是重合原因示例解答
原文链接:http://www.jb51.net/css/124333.html 既然浮动元素脱离了文档流,为什么文字会环绕在浮动元素的周边而不是跟浮动元素重合呢?上网各种搜、各种问人终于找到了解决方法,感兴趣的朋友不要错过,最近在学习CSS,在浮动上遇到一问题:既然浮动元素脱离了文档流,为什么文字会环绕在浮动元素的周边而不是跟浮动元素重合呢?  这问题困扰了我整整一天,上网各
jQuery插件封装:浮动div模式框
该插件是基于开源JS库库jquery.leanModal.min.js改造而来,其官网http://leanmodal.finelysliced.com.au/,LeanModal 是一个简单的 jQuery 插件,用于实现模态窗口。它是专为小的对话框,提示和面板等需要使用模式窗口的场合打造的。专门用来处理隐藏的内容,并且不应用任何样式给目标元素。虽然LeanModal具有较多的优势,但在实际
css解决浮动带来的父级div高度不自动增加的问题
当设置为float时,父级不会自动计算float的高度,所以导致父级没有被float的内容撑开,下面有几种解决办法方法一、设置父级为固定高度方法二、在父级最后添加一个空的class为“clear”,div<div class="clear"></div> “clear”的css为:.clear{ clear:both} 方法三、使用after伪类(推荐)div:after{ content:".";