Jquery锚点缓慢移动到目标位置

非常简单的代码，不需要再使用插件！

页面代码如下

<!DOCTYPE html>
<html>
<head><title>锚点缓慢移动</title>
</head>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js"></script>
<style type="text/css">nav span {padding: 10px;margin-right: 4px;}.box {height: 400px;width: 100%;background: #e2e2e2;margin-bottom: 30px;}
</style>
<body><nav><span>介绍</span><span>案例</span><span id="team_a">团队</span><span>联系</span></nav><div class="box">这是介绍</div><div class="box">这是案例</div><div class="team box">这是团队</div><div class="box">这是联系</div><script type="text/javascript">$('#team_a').click(function(){$('html,body').animate({scrollTop:$('.team').offset().top}, 800);}); </script>
</body>
</html>

效果如下

Jquery锚点缓慢移动到目标位置相关推荐

动画函数，为任意一个元素移动到指定的目标位置
一.动画缓冲函数 /*** 动画函数* 任意一个元素移动到指定的目标位置* @param {*} element 任意一个元素* @param {*} target 目标位置(number类型)*/ ...
Oracle卸载:指定数据库的诊断目标位置不存在解决
Oracle卸载:指定数据库的诊断目标位置不存在这学期学了Oracle,自己安装出了这个问题,发现网上没啥好的解决方案.索性我自己来. 我解决完了并没有保存图片,搞完才想起来要写首先我自己卸载的步 ...
RoboMaster视觉教程（5）目标位置解算（通过像素点获取转角）
RoboMaster视觉教程(5)目标位置解算(通过像素点获取转角) 概览直接使用像素坐标的缺陷摄像头标定根据小孔成像原理得到需要的转角角度测量验证概览在识别到目标后,有一个很重要的问题: ...
RoboMaster视觉教程（6）目标位置解算（PnP求解目标与摄像头间的相对位置）
RoboMaster视觉教程(6)目标位置解算(PnP求解目标与摄像头间的相对位置) 概览算法原理 solvePnP的使用流程实验:测量二维码相对于摄像头的位置 RoboMaster视觉程序中的位 ...
到达时间差测量目标位置（TDOA）定位
到达时间差测量目标位置(TDOA) 基本原理由数学原理可知,距离两个定点的距离差为常数的动点的轨迹为双曲线.而若要在三维空间里确定一个点,至少需要三个距离差,四个观测点.因此,利用TOOA定位,至少 ...
vue项目调用百度地图定位，判断当前位置是否在目标位置范围内
之前用vue做了一个百度地图定位功能,判断是否当前位置在目标位置范围内的小功能,类似这样: 直接上代码百度地图定位,设置目标位置范围,判断当前位置到目标位置的距离,BDMap.vue <tem ...
星际战甲结合扫描目标位置
瑟玛里斯日常任务--结合扫描任务领取地点:水星-亚兰达中继站领取方式:ESC - 快速移动 - 智能核心瑟玛里斯(俗称大黄脸) 从大黄脸处领取每日扫描任务. 从大黄脸右边的蓝色圆球处购买" ...
html锚点链接回到顶部,回到顶部和回到底部特效-jquery锚点移动兼容所有浏览器...
插件描述:回到顶部和回到底部特效-jquery锚点移动兼容所有浏览器回到顶部和回到底部在当前的网页中应用时相当广泛的为了更好的体验,我们在回到顶部或回到底部的过程中采用一个渐进的滚动那么我们就要 ...
【刷题篇】象棋“马”移动到目标位置
目录一.题目二.题解 2.1 暴力递归 2.2 动态规划一.题目把一个棋盘放到第一象限,棋盘的最左下角是(0,0)位置,整个棋盘是横坐标上又9条线,纵坐标上有10条线的区域,给定3个参数x,y ...

Jquery锚点缓慢移动到目标位置

非常简单的代码，不需要再使用插件！

页面代码如下

效果如下

Jquery锚点缓慢移动到目标位置相关推荐

最新文章

热门文章