DIV滚动条滚动到指定位置（jquery的position()与offset()方法区别小记）

相对浏览器，将指定div滚到到指定位置，其用法如下

$("html,body").animate({scrollTop: $(obj).offset().top},speed);

ps:obj是需要定位的对象，speed是滚动的速度

然而需要相对某一个容器（称之div1），将其内部的div2滚动到相对div1的指定位置，用法如下：

$("div1").animate({scrollTop: $("div2").position().top},speed);

其中div1是需要具有相对位置（position:relative或者position:absolute）

position()与offset()的区别

position()是相对具有相对位置（position：relative或者position：absolute）的父级元素的距离，如找不到这样的元素，则返回相对于浏览器的距离，

offset()是始终返回相对于浏览器的距离。

转载于:https://www.cnblogs.com/kevinxue/p/6991479.html

DIV滚动条滚动到指定位置（jquery的position()与offset()方法区别小记）相关推荐

Query实现将div中滚动条滚动到指定位置的方法，html中offsetTop、clientTop、scrollTop、offsetTop各属性的解释
TML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于 ...
jquery操作滚动条滚动到指定位置
$("html,body").animate({scrollTop:$("#qy_name").offset().top},1000);//1000是ms,也可 ...
php滚动到指定位置,JQuery插件：ScrollTo平滑滚动到页面指定位置
ScrollTo是一款基于jQuery的滚动插件,当点击页面的链接时,可以平滑地滚动到页面指定的位置.适用在一些页面内容比较多,页面长度有好几屏的场合,本文以DEMO为示例讲解该插件的应用.查看演示D ...
RecyclerView滚动到指定位置
滚动到指定位置 recyclerView.scrollToPosition(position); 平滑滚动到指定位置 recyclerView.smoothScrollToPosition(posit ...
div滚动到指定位置 vue_Vue列表实现滚动到指定位置样式改变
这个需求大概是这样子: 我做的一个聊天Demo,在搜索框搜索用户,可以滚动到指定的用户.然后成选中状态. 这是目前状态,我搜索南宫仆射 ,想要下面的用户列表直接滚动到南宫仆射并改变CSS样式. 查 ...
js是滚动条滑到固定位置_js滚动到指定位置
序言:在网络上百度,关键字:"js div滚动到指定位置",结果基本上大同小异!各种大神都给我们总结出来了四种滚动到指定位置的办法,可惜再下愚钝,每个都不会用,所以写了一个超级简单 ...
ios滚动条影响父页面 vue_在IOS系统上滚动条滚动到指定的位置出现空白页面的解决方案...
在IOS系统上滚动条滚动到指定的位置出现空白页面的解决方案原因: -webkit-overflow-scrolling:touch 解释: 由于使用-webkit-overflow-scrollin ...
vue 点击div 获取位置_vue 点击元素滚动到指定位置
{{item}} {{item}} data() {return{ navgator: ['列表A','列表B','列表C','列表D', ], navgatorIndex:0, listBox: [ ...
页面滚动到指定位置导航栏固定顶部
做一个网页时经常会用到导航栏,导航栏对于一个网站来说,地位是举足轻重的,在用到导航栏时,我们经常会用到一个效果,就是当页面滑动到一定的位置时,导航栏需要固定在页面的顶部,这是怎么实现的呢? 下面的代码 ...

DIV滚动条滚动到指定位置（jquery的position()与offset()方法区别小记）

DIV滚动条滚动到指定位置（jquery的position()与offset()方法区别小记）相关推荐

最新文章

热门文章