时间:2021-05-28
复制代码 代码如下:
//speed 滚动速度 time 时间间隔
function gotoTop(speed,time){
speed = speed || 0.1;
time = time || 16;
// 滚动条到页面顶部的水平距离
var x = document.body.scrollLeft;
// 滚动条到页面顶部的垂直距离
var y = document.body.scrollTop;
// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
speed++;
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
// 如果距离不为零, 继续调用迭代本函数
if(x > 0 || y > 0) {
window.setTimeout("gotoTop(" + speed + ", " + time + ")", time);
}
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
JQuery点击事件回到页面顶部效果的实现代码//2个div,点击某个时回到顶部111111111111111top$(function(){$("#top")
本文实例为大家分享了JS实现带动画的回到顶部效果的具体代码,供大家参考,具体内容如下实现功能:滚动到页面某一个高度的时候,回到顶部按钮出现。点击之后回到网页顶部
实现功能如下:1.二维码展示功能;2.“回到顶部”功能。(选择“全屏预览”,滑动滚动条,查看回到顶部功能)效果图:图(1)初始效果图(2)鼠标悬浮效果实例代码:
实例如下:jquery实现跳到底部,回到顶部效果的简单实例(类似锚)jQuery(function(){$('#top').click(function(){$
本文实例为大家分享了Vue实现回到顶部和底部动画效果的具体代码,供大家参考,具体内容如下代码:<>exportdefault{props:{step