`
annan211
  • 浏览: 461248 次
  • 性别: 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如何实现在页面上快速定位(锚点跳转问题)

    锚点跳转主要可以通过两种形式实现:一种是使用传统的a标签配合name属性,另一种是使用a标签的href属性指向带有id属性的HTML元素。 a标签的name属性通常用于HTML4.0之前的标准中,而id属性则是在HTML4.0之后的版本...

    JS锚点平滑跳转

    传统的HTML锚点链接可以直接跳转到页面内的某个特定位置,但这种跳转通常是瞬间完成,缺乏用户体验上的平滑性。JS锚点平滑跳转则通过JavaScript代码来改善这一情况,使得页面滚动更加自然流畅。 一、基本原理 ...

    线程导航+锚点跳转,点击锚点跳转到对应位置

    总的来说,"线程导航+锚点跳转"是一种提升用户在网页中导航体验的有效手段,它结合了HTML的基本结构、JavaScript的动态交互,以及可能的CSS动画效果。通过学习和理解这些知识点,开发者可以创造出更加用户友好的Web...

    js导航栏A标签锚点跳转

    "js导航栏A标签锚点跳转"是JavaScript在网页交互中的常见应用,主要用于实现页面内部链接的平滑滚动效果。这个话题涉及到的知识点包括HTML锚点、JavaScript事件处理和DOM操作。 首先,HTML锚点(#标识符)允许我们...

    jQuery汽车品牌按字母锚点跳转特效源码.zip

    该压缩包文件“jQuery汽车品牌按字母锚点跳转特效源码.zip”包含了一个使用jQuery实现的特定功能:汽车品牌按字母锚点跳转特效。这个功能通常用于汽车相关网站,便于用户按照首字母快速浏览不同的汽车品牌。下面将...

    微信小程序实现超链接锚点跳转

    在微信小程序中,实现超链接锚点跳转是一项常见的需求,尤其在构建具有多层级页面或者需要快速定位到页面特定位置的应用中。本篇将详细讲解如何在微信小程序环境中运用超级链接(超链接)和锚点(Anchor)来实现这一...

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

    首先,HTML锚点定义通常在页面内的某个元素上设置id属性。例如,如果我们想要标记页面上的某个特定位置,就可以为该元素指定一个id属性值,如下所示: ```html 跳至第一个锚点 ``` 为了保证更好的浏览器兼容性,...

    jquery锚点带动画跳转

    jQuery 是一个广泛使用的JavaScript库,它提供了丰富的功能和简便的API,可以用来增强HTML和CSS的功能,包括实现锚点跳转的动画效果。本文将深入探讨如何使用jQuery实现锚点带动画跳转,并分享相关的知识点。 一、...

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

    本文将详细解析jQuery锚点跳转的实现原理,并探讨其实现方法及应用。 首先,我们需要理解什么是锚点。在HTML中,锚点(Anchor)是通过`&lt;a&gt;`标签配合`name`或`id`属性定义的,用于在页面内部创建一个可跳转的位置。...

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

    然而,在某些情况下,我们可能需要实现类似锚点跳转的功能,但不依赖HTML的锚点标记。这时,我们可以利用JavaScript,特别是jQuery库来实现。本文将详细介绍如何使用jQuery实现仿锚点跳转到页面指定位置,以及涉及的...

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

    在本文中,我们将深入探讨如何使用AngularJS实现一个锚点楼层跳转的功能。AngularJS是一个强大的前端JavaScript框架,它提供了一种优雅的方式来构建动态、数据驱动的Web应用程序。在这个示例中,我们将会看到如何...

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

    在本文中,我们将深入探讨jQuery中与锚点跳转、滚动条平滑滚动及一些实用技巧相关的内容。 首先,标题提到的"jQuery锚点跳转滚动条平滑滚动一句话代码"是一个常见的需求,它允许用户点击链接后页面平滑地滚动到指定...

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

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

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

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

    jQuery网站右侧锚点定位跳转导航菜单代码.zip

    HTML部分定义了导航菜单和页面内容的各个部分,JavaScript部分则使用jQuery实现了点击菜单项时的锚点跳转。 2. `images`: 这个文件夹存储了页面可能需要的图像资源,如图标、背景图等。 3. `css`: CSS文件负责页面...

    jquery锚点带动画跳转和返回顶部方便定位插件

    jQuery 是一个广泛使用的JavaScript库,它提供了丰富的功能和简便的API,使得实现锚点跳转并配合动画效果变得更加简单。本插件即是为了实现这一目的,为用户提供更流畅、更具交互性的网页导航体验。 1. **jQuery...

    关于锚点跳转及jQuery下相关操作与插件

    锚点跳转是一种在网页中常见的导航技术,主要用于实现页面内的快速定位。在一些长页面中,用户可以通过点击页面顶部或底部的锚点链接,直接跳转到页面中特定位置的内容。这种技术尤其适用于文档、文章、讨论帖子等...

Global site tag (gtag.js) - Google Analytics