JS实现侧悬浮浮动实例代码

效果

思路：首先，加载翁克罗尔控制滚动条。然后写缓存运动的方法，缓冲运动的方法是先计算出差异缓冲的速度，并且将其取整，再进行运动判断什么时候到达终点。最后将其参数返回。再在翁克罗尔里面调用此方法，并且将终点计算出来赋予此方法的参数。代码：复制代码代码如下： head runat=' server ' title/title style type=' text/CSS ' # div 1 { width : 200 px；高度： 200像素；背景# 0000FF绝对位置：右： 0；底部： 0；}/style脚本类型=' text/JavaScript '窗口。onscroll=function(){ var Odiv=document。getelementbyid(' div 1 ')；var div滚动=文档。文档元素。向上滚动| |文档。尸体。滚动顶部；//获取移动高度//odiv。风格。top=(文档。文档元素。客户身高-odiv。偏右)/2 div滚动“px”；move(parsent)((document。文档元素。客户身高-odiv。右偏)/2 div滚动))；//调用传参，其中里面的参数是差异要走的终点。也就是（可视高度-DIV高度)/2 移动高度};定义变量计时器=null函数移动(结束){ clearInterval(定时器);//首先，先关闭之前如果有开启的setIntervaltimer=setInterval(function(){ var oDiv=document。getelementbyid(' div 1 ')；变化速度=(end-odiv。offset top)/5；//计算差异要走的速度，DIV要走的速度就等于（终点-偏移高度)/缩放系数速度=速度0?数学天花板（速度):数学地板（速度);//为了避免小数，将其取整if (oDiv.offsetTop==end) { //当差异到达终点，则关闭setIntervalclearInterval(计时器);} else { Odiv。风格。top=Odiv。偏移最高速度“px”；//移动div } }，30)；}/脚本/头体样式='高度： 1000 px'div id='div1' /div/body