js 代码
- <script type="text/javascript">
-
-
<style type="text/css">
-
div.test {
-
width:400px;
-
margin:5px auto;
-
border:1px solid #ccc;
-
}
-
div.test strong {
-
font-size:16px;
-
background:#fff;
-
border-bottom:1px solid #aaa;
-
margin:0;
-
display:block;
-
padding:5px 0;
-
text-decoration:underline;
-
color:#059B9A;
-
cursor:pointer;
-
}
-
div.test p {
-
height:400px;
-
background:#f1f1f1;
-
margin:0;
-
}
-
-
</style>
-
-
<div class="test">
-
<a name="header_1" id="header_1"></a>
-
<strong onclick="javascript:scroller('header_4', 800);">header_1 --> header_4</strong>
-
<p></p>
-
</div>
-
-
<div class="test">
-
<a name="header_2" id="header_2"></a>
-
<strong onclick="javascript:scroller('header_5', 800);">header_2 --> header_5</strong>
-
<p></p>
-
</div>
-
-
<div class="test">
-
<a name="header_3" id="header_3"></a>
-
<strong onclick="javascript:scroller('header_6', 800);">header_3 --> header_6</strong>
-
<p></p>
-
</div>
-
-
<div class="test">
-
<a name="header_4" id="header_4"></a>
-
<strong onclick="javascript:scroller('header_7', 800);">header_4 --> header_7</strong>
-
<p></p>
-
</div>
-
-
<div class="test">
-
<a name="header_5" id="header_5"></a>
-
<strong onclick="javascript:scroller('header_3', 800);">header_5 --> header_3</strong>
-
<p></p>
-
</div>
-
-
<div class="test">
-
<a name="header_6" id="header_6"></a>
-
<strong onclick="javascript:scroller('header_2', 800);">header_6 --> header_2</strong>
-
<p></p>
-
</div>
-
-
<div class="test">
-
<a name="header_7" id="header_7"></a>
-
<strong onclick="javascript:scroller('header_1', 800);">header_7 --> header_1</strong>
-
<p></p>
-
</div>
-
调用方式:
Code:
scroller(el, duration)
el : 目标锚点 ID
duration : 持续时间,以毫秒为单位,越小越快
分享到:
相关推荐
用 Javascript 实现锚点(Anchor)间平滑跳转 - 平滑, 锚点, Anchor, 跳转, 滚动。
JS锚点平滑跳转,详见下载包说明!
微信小程序源码-外卖:实现类似锚点功能.zip微信小程序源码-外卖:实现类似锚点功能.zip微信小程序源码-外卖:实现类似锚点功能.zip微信小程序源码-外卖:实现类似锚点功能.zip微信小程序源码-外卖:实现类似锚点...
一、NK播点优化可以.................. 二、锚点SN链路优化.................. 2.1 、锚点SN链路添加................ 2. LI、室分小区锚点添加.......... 2.1.2、800M小区锚点添加........ 2.1.3、基于单验及DT数据...
jQuery 锚点 平滑移动特效
本文实例为大家分享了vue实现锚点定位的具体代码,供大家参考,具体内容如下 这里主要是实现了一个简单的滚动触发锚点高亮,以及点击锚点触发滚动的功能 如果是获取浏览器的滚动高度,各个浏览器有所差异,使用...
锚点与定位.rp
HTML建立锚点和超链接.ppt
锚点平滑滚动。可以直接运行 几个html 和JS文件 直接解压就好。和大家分享
外卖微信小程序:实现类似锚点功能.rar
小程序源码外卖:实现类似锚点功能.rar
外卖:实现类似锚点功能.zip
jQuery侧边导航锚点定位代码.zip
NULL 博文链接:https://huibin.iteye.com/blog/811902
应用设计上,我完成了满足文件接口要求的命令行程序,完成了基于鼠标点击的图元绘制、基于鼠标拖曳的图元移动,和基于可视化锚点及鼠标滚轮的图元旋转、图元缩放,并将控制逻辑集成到 GUI 应用中。最终使用静态编译...
外卖:实现类似锚点功能
03_a标签锚点轮播图.html
外卖:实现类似锚点功能.rar
jQuery制作在线答题考试页面锚点特效代码.zip