js实现了与页面共享滑动效果的方法。

本文阐述了js实现与滚动页面共享滑动效果的方法，供大家参考：

页面上下滚动，共享模块幻灯片。

主要点uff1a

复制代码代码如下：var scrtop =文档。文档元素}。scrollTop | | document.body.scrolltop；

VaR高度=文档。文档元素}。自己| | document.body.clientheight；

var = scrtop +（高度。offsetheight） / 2；

顶= parseInt（上）；

获取页面垂直中心的位置。



上面的代码：






非所有权文件

体{ margin: 0；padding: 0；字体：宋体12px / 1.5；高度：2000px；}
# {宽度：100px；高度：200px；线高度：200px；
文本对齐：中心；边界：1p固体# CCC；
背景：# f5f5f5；位置：绝对；左：- 100px；最高：0；}
# _tit {位置：绝对；右：- 20px；顶部：60px；
宽度：20px；身高：60px；填充：10px 0；
背景：# 06c；文本对齐：中心；
行高：18px；颜色：# FFF；}


在window.onload =函数（）{
var = document.getelementbyid（）；
。onmouseover =函数（）{
Startrun（，0，左）
}
。onmouseout=函数（）{
Startrun（，100，左）
}
window.onscroll = window.onresize =函数（）{（）
无功scrtop =文档。文档元素}。scrollTop | | document.body.scrolltop；
VaR高度=文档。文档元素}。自己| | document.body.clientheight；
var = scrtop +（高度。offsetheight） / 2；
顶= parseInt（上）；
Startrun（，顶，顶）
}
}
var定时器= null
功能startrun（obj，目标，方向）{
ClearInterval（定时器）；
定时器= setInterval（）{（）函数（
var速度= 0；
如果（方向=左）{
速度=（目标对象。offsetleft） / 8；
速度=速度> 0math.ceil（速度）：Math.floor（速度）；
如果（obj.offsetleft = =目标）{
ClearInterval（定时器）；
其他{ }
obj.style.left = obj.offsetleft +速度+PX；
}
}
如果（方向=顶部）{
速度=（目标对象。offsettop） / 8；
速度=速度> 0math.ceil（速度）：Math.floor（速度）；
如果（obj.offsettop = =目标）{
ClearInterval（定时器）；
其他{ }
obj.style.top = obj.offsettop +速度+PX；
}
document.title = obj.offsettop + '，' +目标+ '，' +速度；
}
}，30）
}




分享的内容
分享





希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。