jquery设置div的滚动条回到顶部_jquery 滚动到顶部

link管理
链接快照平台
输入网页链接，自动生成快照
标签化管理网页链接
jquery设置div的滚动条回到顶部

// 将div的滚动条复位到顶部
$( "#div1" ).animate( { scrollTop: 0 } );
JS 控制某个div的滚动条滚动到顶部
 
获取这个元素，然后设置它的滚动条的位置为初始位置（0,0）。 
document.getElementById(..).scrollTop = 0;
                                    a)下面看看实现，实现很简单，通过JQ判断滚动条向下滚动的长度大于多少时显示【回到顶部+回到首页】的图标（换一种理解：滚动条顶端距离页面顶部的距离），另外一种实现方法，就是通过锚标记，很好理解，就是标记一个位置，事件激活时，给我回到这个位置
b)JQ判断滚动条向下滚动的长度大于多少时，这个方法，也可以用来做页面的自动加载…就是你不停滚动，数据就不停加载…用户体验很好的喔【有时间就写】
1）首先我们写好DOM结构、写好CSS样式表
/* HTML */
<div xss=removed>
  <!--这个带ID的p标签，叫做锚标记，放在页面顶部
                                    style后面用于限定DIV样式并加滚动条，这个不多说 关键的地方其实很简单，最后两行Javascript就是了，起作用的只有最后一行： obj.scrollTop=obj.scrollHeight*(Math.random()); obj.scrollTop：滚动条距离顶部的位置 obj.scrollHeight：流动区域的高度 Math.random()：获得一个随机数 很简单，有人可能需要，用就拿去，哈哈 PS：IE6 / IE7 / FF2 测试通过 IE7在本地测试时只是每次打开时滚动条位置才不同，刷新却没有变化，但放到网站上之后就正常了 代码如下： 
010203040506070
                                    JQuery 网页如何快速的滚动到顶部？现如今，页面元素不断丰富，就导致页面的纵深比较广，那么用户一旦阅读网页到了底部，就会产生一个快速滚动到顶部的需求，当然了，很多网页都这样实现了。
position: sticky必须要设置top，left，right，bottom四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。
在 viewport 视口滚动到元素 top 距离小于 10px 之前，
元素在文档流中。之后，元素将固定在...
                                    1.对某个div设置了滚动，想要回到顶部的情况
这种情况下一定要找到是在哪个元素下设置的overflow滚动，就在哪个元素下加
方法一.在当前页面无法使用ref获取元素时候，可以使用jq简单实现：
1.安装jq，引入jq
import $ from 'jquery'
2.在对应触发时间里写滚动效果
$(".el-main").animate({ scrollTop: 0 }, 100);
方法二.对设置了滚动的元素加ref
然后进行设置
this.$refs.xxx.scrollTop = 0