`
annan211
  • 浏览: 447266 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

html 锚点跳转

阅读更多
<body>

 <script type="text/javascript">
 function click_scroll() {
  var scroll_offset = $("#pos").offset();  //得到pos这个div层的offset,包含两个值,top和left
  $("body,html").animate({
   scrollTop:scroll_offset.top  //让body的scrollTop等于pos的top,就实现了滚动
   },0);//数值越大 滚动越慢
 }
 </script>
 <input type="button" value="点击button跳转" onclick="click_scroll();" />...
这里是很多文字,把页面撑开,撑出滚动条
...
<div id="pos">滚动到这里</div>
隐藏之后滚动到这里
...
再加点文字
...
</body>

   请尊重知识,请尊重原创 更多资料参考请见  http://www.cezuwang.com/listFilm?page=1&areaId=906&filmTypeId=1

 

 

 

 

分享到:
评论

相关推荐

    html页面锚点跳转

    html页面锚点跳转

    JS如何实现在页面上快速定位(锚点跳转问题)

    本文介绍了JS如何实现在页面上快速定位(锚点跳转问题),分享给大家,具体如下: 1. 锚点跳转简介 锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。 锚点跳转有两种形式: a标签 + ...

    jquery 仿锚点跳转到页面指定位置的实例

    js 仿锚点跳转到页面指定位置,用的是 offset() 方法 $(document).ready(function(){ var target_top = $("#qa5").offset().top; //$("html,body").animate({scrollTop: target_top}, 1000); //带滑动效果的跳转 ...

    AngularJS实现的锚点楼层跳转功能示例

    本文实例讲述了AngularJS实现的锚点楼层跳转功能。分享给大家供大家参考,具体如下: &lt;!DOCTYPE html&gt; &lt;html ng-app="myApp"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;anchor&lt;/...

    使用JS模拟锚点跳转的实例

    B:使用JS模拟锚点跳转: js中location.href可以跳转至某个url; 1、[removed].href = [removed].href + “#mao”; 2、[removed].hash = “#mao”; 备注:hash只会在跳转到此页面的第一次起作用,再次刷新此页面将不...

    vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例

    最终效果如下:(注意需要做锚点联动的部分并不在页面的顶部而是页面的某个div内)-chrome 完成这个功能需要注意: 1、点击导航平滑滚动到导航内容处 2、div内滚动时当前导航需要做响应 代码如下: 1、html结构...

    超链接,锚点,跳转练习.html

    属于课后练习,做个html网页,在网页里加入锚点,超链接,跳转等课上学习的内容。(网页里的内容纯属于练习所用,无作其他用于)

    jQuery 锚点跳转滚动条平滑滚动一句话代码

    jQuery锚点跳转滚动条平滑滚动一句话代码 代码如下:$(“html,body”).animate({scrollTop: $(“#box”).offset().top}, 1000); 一下是一些jquery的小技巧1. 控制编译结果 代码如下: [removed][removed] &lt;&#37;if ...

    页面内锚点定位及跳转方法总结(推荐)

    上一篇是关于scroll事件绑定的问题,这一篇的问题是:点击锚点跳转到相应DIV的问题。 最简单的方法是锚点用标签,在href属性中写入DIV的id。如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; ...

    jQuery锚点带动画跳转特效.zip

    jQuery锚点带动画跳转特效.zip

    微信小程序scroll-view锚点链接滚动跳转功能

    html &lt;view bindtap='jumpTo' wx:for={{keys}} data-item={{item}}&gt;{{item}} &lt;view wx:for={{data}} id={{item.key}}&gt; {{item.name}} &lt;

    html中锚点的应用

    设置锚点 &lt;a&gt;&lt;/a&gt; 同页跳转 返回顶部&lt;/a&gt; 不同页跳转 跳转到test.htm页面顶部&lt;/a&gt; 顺便的提一下mailto,以前丝毫没有了解过mailto还有邮件主题“subject”添加的属性 一个完整的mailto语法是这样的写信给我...

    jQuery锚点动画跳转顶部效果

    jquery锚点带动画跳转返回顶部特效,可定位到网页的相应模块,多种方式回到网页顶部效果,第一种方式是最初打开页面的时候,点击最上边的导航按钮,可进入本页面相应的区域。第二种方式是,拖动滚动条之后,网页右侧...

    jQuery实现页面内锚点平滑跳转特效的方法总结

    平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到...jQuery实现页面内锚点平滑跳转&lt;/title&gt;&lt;base target="_blank" /&gt; &lt;style type="text/css"&gt; #hovertree { height: 800px; backgroun

    project-js-smooth-anchor:简单的响应式网站(HTML,CSS,JavaScript)可显示平滑的锚点跳转滚动。 没有jQuery!

    项目平滑的锚跳跃/滚动这是什么意思单击导航中的链接后,将锚点平滑地跳转/滚动到该页面的另一部分使用简单JavaScript,无需jQuery 通过搜索目标ID(此处为href )自动检测到目标部分此存储库基于: 指导会议于2018...

    CSS解决链接锚点定位偏移的代码

    那假如我现在要求这个位置不是在顶端,而是离顶端有一定距离。 先看看我实现的方法例子: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...锚点位置偏

    HTML中锚点的使用_动力节点Java学院整理

    2. 在不同页面中,锚点定位在a.html中,从另外一个页面的链接跳转到这个锚点  跳转到a.add 3. 点击链接触发js事件,同时跳转到锚点,有两种处理方式: 第一种: 触发add函数并跳转到add锚点 第二种:  ...

    不用锚点也可以平滑滚动到页面的指定位置实现代码

    不用锚点也可以平滑滚动到页面的指定位置 代码如下: &lt;!DOCTYPE html&gt; &lt;html &gt; &lt;head&gt; &lt;meta content=”text/html; charset=utf-8″ /&gt; &lt;title&gt;ScrollTo:平滑滚动到页面指定位置&lt;/...

    jquery-favicons:将图标添加到页面上的锚点元素

    jQuery Favicons插件将图标添加到页面上的锚点元素。 随时查看。要求用法 &lt; script src =" https://cdn.rawgit.com/christianv/jquery-favicons/gh-pages/jquery.favicons.min.js " &gt; &lt;/ script &gt;&lt; ...

    js 定位到某个锚点的方法

    html页面内可以设置锚点,锚点定义 Html代码  &lt;a&gt;&nsbp;&lt;/a&gt; 锚点使用 Html代码 跳至第一个锚点&lt;/a&gt; 但对于js呢,在js中如何在完成一个操作后跳至页面的某个固定锚点呢 js中location.href可以跳转至某个url;...

Global site tag (gtag.js) - Google Analytics