scrollTop无效问题

我操作是 $(#el-tree)的目标，给它设置了半天scrollTop始终不生效，因此排查问题所在，才知道需要找到滚动条目标层级，进行动态设置scrollTop，问题解决。首先场景是一个异步树：支持模糊搜索，当搜索到结果时，会有选中效果，但是搜索的结果可能会超出树的显示范围，因此需要手动滑动滚动条到选中位置。但是呢，树节点太多，无法及时到目标位置，因此根据选中位置，将滚动条滑动到目标位置，设置scrollTop。注意：offsetTop 就是当前选择节点的属性，以及注意overflow设置为 auto。

一、项目的需求描述 不停的请求后端日志，输出到页面上，当用户不做任何操作时，动态显示日志，即放日志的盒子里面内容滚动到最底部；当用户触发了滚动事件查看历史日志时，盒子不再滚动到最底部，随着用户的滚动显示对应的日志，且确保不会中断请求日志，当用户再次滚动到页面最底部并且不再做任何操作时候，再次实现盒子里面内容动态滚动到最底部（类似聊天界面，只要你不翻看聊天记录，就会滚动显示最新消息） 二、设置scrollTop的方法 1. 原生 HTML 中使用 JS 直接修改 方法一：使用scrollTo函数来设置滚动条的

例如：document.getElementById('logContainer')中的。你设置的是另一个元素的滚动条，和你需要设置的滚动条有什么关系，所以导致滚动条不会生效。scrollTop不生效可能的原因有多个，请挨个进行排查！确定你设置滚动条的元素ID是否正确且唯一。，该ID是否唯一，若不唯一，则可能导致滚动条不生效（可能很多人有疑问了，这还能有错？

虽然过程有些不清不楚的。

scrollTop方法失效

在网上查阅了很多方案，没有解决，原来因为在需要滚动的div中设置了overflow-y:auto导致的。 只需去掉overflow-y:auto，scrollTop()方法就能生效了。

一、现象 应需求，需要将一段字幕实时滚动，效果如下 代码如下： gundongLeftBot () { var guangbo = '' var guangboLen = 0 var self = this setTimeout(() => { guangbo = self.$refs.record guangboLen = self.data_list.playRecord.length * 54 - 272 - 16

今天研究了以下小程序滚动高度的问题，刚开始用scroll-view来设置滚动高度，并且点击其他导航按钮让其置顶的问题，发现scroll-top设置无效的问题，在之前的时候可以通过bindscroll的绑定事件可以设定，但是小程序的版本可能改了，出现了一个api 叫wx.pageScrollTode api 下面给大家看一下写的代码，首先在wxml里面需要用到滚动的容器用scroll-view包裹起来， 在data当中定义scrollTop的数值，0或者-1都可以， 可以监听以下滚动的scrollTop的

最近在写Vue中的微信公众号程序遇到个问题，div获取scrollTop始终是0 网上查询了下，大家发的都是兼容性的问题的处理......，关于DTD兼容的，这里我都试过，发现并没有用，到底问题是出现在哪里呢？后面发现dom元素选错了 ，，我有个goodList组件  在index页面的index-content盒子中渲染，先前我一直取用goodList组件的scrollTop，所以一直是零。后...

问题 我在个人站点的左下角和右下角各自使用了如下代码来将页面滚动到顶部和底部： $("body").animate({scrollTop:0},800); $("body").animate({scrollTop:$(document).height()},800); 最近才忽然发现在Chrome浏览器下，上面的代码没有问题，而在Firefox下却是无效的。百度后才知道，原来这是因为这两个浏览...

话不多说 直接上代码（方法可以直接复制拿去， html部分需要改成你的元素的ref和点击回到顶部的方法名称） html <section ref="scrollbox" class="inner-body"> <div> 这里放了很多内容 出现了滚动条 </div> </section> <button @click="gotop">点击置顶&

1.有一次设置scrollTop的时候一直是0，不可以改变，网上查到方法没有用，最后发现是设置的对象弄错了，scrollTop是盒子的scrollTop,而不是内容的scrollTop。

为什么会有scrollTop只执行一次的这个问题？先滚动自己的页面看看这个参数会发生变化吗从控制台可以看出，无论我怎么滚动，scrollTop的值是不会变化的。

当出现details.scrollTop++; 没有效果时 console.log(details.scrollTop); //0 details.scrollTop++; console.log(details.scrollTop); //0 是因为没有设置details的高度，给它一个高度就可以了 ++之后数字只比之前大了0.7多(不到1)，是因为计算机存储数据的...

初次使用scroll-view 中scroll-top，结果发现没有效果，所以在网上搜了一下，发现有问题的人还挺多的，所以就在此说明一下 <scroll-view class="left-navbar" scroll-y="true"> <view wx:for="{{list}}" class="{{ currentTab == in...

document.documentElement.scrollTop 在谷歌 chrome 下高度无效 这时候 我们 document.documentElement.scrollTop+document.body.scrollTop; 这样即可 。 转载于:https://www.cnblogs.com/mijava/p/3219426.html...

document.documentElement.scrollTop指定位置失效解决办法 近期在vue的H5项目中，做指定位置定位的时候发现使用document.documentElement.scrollTop一直不生效。 解决办法是document.documentElement.scrollTop改成document.body.scrollTop； 如果是PC端项目，则使用document.documentElement.scrollTop。 ...