<div id="dome">
<div id="dome1">
</div>
<div id="dome2"></div>
</div>
<script type="text/javascript">
var speed=10; //设置向上滚动速度
var dome=document.getElementById("dome");
var dome1=document.getElementById("dome1");
var dome2=document.getElementById("dome2");
function moveTop(){
dome2.innerHTML=dome1.innerHTML //复制dome1为dome2
if(dome2.offsetTop-dome.scrollTop<=0) //当滚动至dome1与dome2交界时
dome.scrollTop-=dome1.offsetHeight //dome跳到最顶端
else{
dome.scrollTop++
}
}
var MyMar=setInterval(moveTop,speed) //设置定时器
dome.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
dome.onmouseout=function() {MyMar=setInterval(moveTop,speed)}//鼠标移开时重设定时器,继续滚动
</script>
scrollTop:
有些情况下,“元素中内容”的高度会超过“元素本身”的高度,这时候我们有时就会用到scrollTop初始状态下,“内层元素的上边界”和“外层元素的上边界”重合,没有任何内容超过“外层元素的上边界”,此时scrollTop属性的值为0。当向下拖动滚动条时,超过“外层元素的上边界”的内容会逐渐增多,scrollTop值就等于这些超出的部分。
offsetTop:
当前对象到其上级层顶部的距离,不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.
offsetHeight:
当前元素的高度.
分享到:
相关推荐
本文实例讲述了Android TextView实现垂直滚动效果的方法。分享给大家供大家参考,具体如下: 在TextView中,如果文本很长,可能需要实现垂直滚动显示文本的效果。这里需要在XML布局文件中为TextView设置如下几个属性...
带缓冲的仿苹果官网页面垂直滚动效果OnePageScroll,效果预览:http://www.juheweb.com/js/bj/116.html
Android:TextView的垂直滚动效果和上下滚动效果,原生动画实现
非常实用的jQuery单页全屏垂直滚动特效代码,如今非常流行的特效代码,常用于产品功能介绍 或者项目简介,此款jQuery插件滚动还是比较流畅,有些插件需要页面滚动到位才能切换页面, 此特效还是比较流畅的。插件...
jQuery实现垂直滚动菜单效果是一款鼠标上下移动菜单垂直滚动切换特效。
两个经典例子,包括android TextView水平滚动和垂直滚动效果
jQuery实现鼠标上下移动菜单垂直滚动效果是网页上的jquery菜单,鼠标放上上下滚动的导航菜单,鼠标放在任意一个菜单项上,该菜单项背景变色,高亮显示,竖向排列,没有怎么美化。
jquery响应式全屏页面垂直滚动效果支持手机端全屏页面滚动 jquery响应式全屏页面垂直滚动效果支持手机端全屏页面滚动
非常实用的jQuery单页全屏垂直滚动特效代码,如今非常流行的特效代码,常用于产品功能介绍 或者项目简介,此款jQuery插件滚动还是比较流畅,有些插件需要页面滚动到位才能切换页面, 此特效还是比较流畅的。插件...
博文地址:https://blog.csdn.net/jaynm/article/details/106624287
图片垂直滚动 js代码 带按钮垂直滚动 效果不错很好用 兼容所有浏览器。
jquery.parallax-scroll是一款效果超炫的平滑垂直滚动视觉差jQuery特效。该视觉差特效使用requestAnimationFrame和CSS3 3D transitions在页面垂直滚动时制作非常平滑的过渡动画效果。
自定义TextSwitcher实现垂直滚动效果,文章介绍https://blog.csdn.net/qizhenyibao/article/details/80817648
垂直滚动新闻效果jquery插件
类似跑马灯效果的垂直滚动文本,可以控制滚动速度,也可以改造成你自己的效果。
本文实例讲述了Android编程实现类似天气预报图文字幕垂直滚动效果的方法。分享给大家供大家参考,具体如下: 在很多天气或者新闻的应用中,我们都能看到一些字幕滚动的效果,最简单的实现为跑马灯效果,用系统提供的...
基于Bootstrap的垂直滚动新闻特效
切换按钮右侧居中垂直滚动方向焦点图效果