jquery 定位到指定元素位置，带动画，类似于锚点

chengchengbox

已于 2022-07-19 15:42:08 修改

阅读量854

点赞数 1

分类专栏： jquery 文章标签： jquery

于 2022-07-19 15:41:03 首次发布

本文链接：https://blog.csdn.net/qq_34297991/article/details/125873583

版权

jquery 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

var container = $('.map_right'); //容器
var scrollTo = $('.bk'); //需要置顶的元素
$('.map_right').animate({ scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() }, 500);

简单易懂的代码片段

优惠劵

chengchengbox

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 定位到指定元素位置，带动画，类似于锚点

代码】jquery定位到指定元素位置，带动画，类似于锚点。
复制链接

扫一扫

专栏目录

jQuery实现点击滚动到指定元素上的方法分析

10-15

主要介绍了jQuery实现点击滚动到指定元素上的方法,结合实例形式分析了jQuery响应鼠标事件动态操作页面元素属性的相关相关使用技巧,需要的朋友可以参考下

通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位

10-25

本文为大家介绍下将DIV的滚动条滚动到其子元素所在的位置，方便自动定位,需要的朋友可以参考下

参与评论您还未登录，请先登录后发表或查看评论

jquery获取元素位置（position和offset）

最新发布

weixin_52512511的博客

06-27

664

③不管本来的位置和父级的位置，反正是相对于。①是一个读写方法，不传参数的时候就是读取。②传递参数时是设置，传参传的是对象。

jQuery(一)：jQuery介绍以及jQuery如何定位寻找一个元素、查找筛选器、练习【左侧菜单】

白骨梦儿

06-22

5007

一、jQuery的基本语法：$(selector).action() 等同于：jQuery(selector).action();简单说明：在JS的jQuery库中，$就是jQuery;是代表jquery对象的；简单举例： <body> <div>hello</div> <script src="templates/jquery-3.4.1/j...

通过jquery定位元素

helang296479893的专栏

07-31

695

熟悉html和JS的小伙伴都知道用document.getElementById("text")来寻找元素，而在jquery中，直接使用$("text")更加简洁

jquery 定位元素几种方法

weixin_30617797的博客

12-01

216

<html> <table class=”ed”> <tr> <td><input type="text"></input></td> <td><input type="text"></input></td> ...

jQuery位置方法

qq_51387458的博客

04-09

906

jQuery位置方法

jQuery 定位到某个元素

sayyy的专栏

01-31

2803

前言 jQuery 使用scrollTop设置垂直滚动条位置 animate和scrollTop结合使用，可以使得定位到某个元素时，带有动画效果 Html Element 使用 scrollIntoView jQuery 定位到某个元素 $('html,body').animate({ scrollTop:$('.item:eq(1)').offset().top }, 1000); 上述代码的含义为：定位到第2个（:eq(xxx) 下标从0开始）class 是 item 的元素（该元素的

jQuery 选择器：快速定位和操作元素的利器

weixin_68250871的博客

05-23

360

【代码】jQuery 选择器：快速定位和操作元素的利器。

jquery滑动滚动条到指定元素

qq_38989173的博客

04-14

7882

【代码】jquery滑动滚动条到指定元素。

Jquery查找元素的方法汇总

热门推荐

shuncheng_hu的博客

12-15

1万+

Jquery查找元素的方法汇总通过具体的class，id,标签查找 $('div') // 所有div元素 $('.item') // class为item的元素 $('#main') // id为main的元素 $('#main span, .item') // id为main内的span 或 class为item的元素 $('*') // 文档中所有元素

JQ实现将div的滚动条滚动到指定子元素所在的位置

weixin_38897313的博客

07-14

597

JQ实现将div的滚动条滚动到指定子元素所在的位置

Jquery跳到页面指定位置的方法

12-11

offset() (包含top left) 代码如下: height() scrollTop $(“body”).scrollTop(**); 原理是修改页面的scrollTop。 jquery动态效果：animate（）代码如下: $(“html,body”).animate({ scrollTop: **}, 500); $(“html,body”).animate({ scrollTop: $().offset().top-$().height() }, 500);

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

10-20

下面小编就为大家带来一篇jquery 仿锚点跳转到页面指定位置的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

jQuery实现平滑滚动到指定锚点的方法

10-24

主要介绍了jQuery实现平滑滚动到指定锚点的方法,实例分析了jQuery根据锚点定位滚动的技巧,非常具有实用价值,需要的朋友可以参考下

微信小程序-scroll-view滚动到指定位置（类似锚点）

03-29

(此图片来源于网络，如有侵权，请联系删除! ) 有很多的注意事项,如果你不注意,滚动效果真的真的粗不来~~ html中 scroll-view竖向滚动必须设置scroll-y="true" style="height: 200rpx;" 必须.. style="height: 200...

jQuery实现平滑滚动页面到指定锚点链接的方法

10-23

主要介绍了jQuery实现平滑滚动页面到指定锚点链接的方法,涉及jquery鼠标事件及页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

html onclick点击跳转

qq_34297991的博客

06-27

5695

onclick="javascript:window.location.href='URL'" onclick="location='URL'" onclick="window.location.href='URL?id=11'"

jquery实现复制网页锚点到指定位置

02-06

第二步是在事件处理程序中获取锚点元素，并使用 jQuery 的 .append() 方法将其复制到指定位置。例如： ``` $("#copy-button").click(function(){ var anchor = $("#anchor-element"); $("#destination-element...

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交