记录一次scrollTo和scrollBy不生效的原因

最新推荐文章于 2024-05-31 11:18:25 发布
最新推荐文章于 2024-05-31 11:18:25 发布
阅读量760 收藏
点赞数 3
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huoyihengyuan/article/details/136954212
版权

发现所有文章都没说到点子上, 简单记录下.

scrollTo 要设置到滚动的元素上, 不一定是父元素, 也不一定是 window 啥的.

至于是哪个滚动,  打开开发者工具,  在 more tools 里找到 layers, 图层里找到滚动列表里最长的元素, 

然后,找到这个元素,对他设置滚动即可.

苏一恒
关注
Android scrollTo和scrollBy方法使用解析
08-28
在一个View中，系统提供了scrollTo、scrollBy两种方式来改变一个View的位置，下面通过本文给大家介绍Android scrollTo和scrollBy方法使用解析，需要的朋友参考下吧
scrollTo() 无效问题处理
Kratial的博客
02-02 6986
scrollTo无效问题处理
解决设置scrollTop不起作用
weixin_45700321的博客
04-23 2777
我操作是 $(#el-tree)的目标，给它设置了半天scrollTop始终不生效，因此排查问题所在，才知道需要找到滚动条目标层级，进行动态设置scrollTop，问题解决。首先场景是一个异步树：支持模糊搜索，当搜索到结果时，会有选中效果，但是搜索的结果可能会超出树的显示范围，因此需要手动滑动滚动条到选中位置。但是呢，树节点太多，无法及时到目标位置，因此根据选中位置，将滚动条滑动到目标位置，设置scrollTop。注意：offsetTop 就是当前选择节点的属性，以及注意overflow设置为 auto。
解决ScrollView滑动过程中ScrollTo()方法不起作用的问题
sun_star1chen的专栏
09-02 4217
原文 本篇文章作为新的类别 “Android经验之谈” 开篇之作，记录实际开发中遇到的比较“奇怪”的问题以及解决方案，不求长篇大论，但求短小精悍，一两句话讲明问题及解决方案，画龙点睛，一语道破天机。 有时候，一句提醒，能让人豁然开朗，少走很多弯路。 案例：阅读软件中用ScrollView嵌套TextView显示章节内容 问题：当滑动Scrol
vue3中scrollTo不生效解决方案
ygzhzzy的博客
05-31 875
其它随便，至于是为什么，我的理解是 overflow:hidden;是超出部分隐藏，它是强制你的高度就只能是你设置的大小，不管你怎么滚它就怎么大点，所以把它设为别的或注释掉试试呢；直接说原因，是css样式overflow引发的window.scrollTo();overflow一定不能为hidden。还有一点，记得设置高度。
scrollTo不起作用
weixin_33937778的博客
03-21 3343
最近，我在HorizontalScrollview中使用scrollTo不起作用？ ...... 以上省略N个字。 我只想说： 在使用scrollTo的时候，要先保证该HorizontalScrollview已经初始化完毕，要是无法保证，那么，可以在HorizontalScrollview中这样写 post(new Runnable() { @Ove...
Android RecycleView ScrollBy不生效
男儿不展风云志，空有天生八尺躯
02-19 2893
今天遇到一个问题，需要让recycleView 滚动一段距离，满足当前页面的架构能够完美的显示。 但是我调用了scrollBy 发现没什么效果。 比如我scrollBy 200，表示要往上滑动200,但是没效果。 很懊恼。想不通为什么。 后来我手动网上滑，发现我划不动。 那么我就明白了。应该是你当前的recycleView 已经不能滑动了，所以才会出现调用scrollBy 不生效。 那么怎么判断能...
$(window).scroll()触发失效
在希
08-11 2913
标题$(window).scroll()触发失效 最近遇到一个问题，在项目中写了$(“window”).scroll()方法，但是在滚动页面的时候发现此方法没有触发，后来查找原因才发现是因为页面中的html或者body元素设置了overflow:auto样式才无法出发 解决方式：在页面结构布局完整的情况下将改样式去掉。 关于window.scroll系列方法汇总 & 滚动到指定元素位置 1.window.scroll() 概述 滚动窗口至文档中的特定位置。 语法 window.scroll(x-co
ScrollView的任意位置定位，scrollTo和scrollBy无效
weixin_33964094的博客
12-06 493
2019独角兽企业重金招聘Python工程师标准>>> ...
Android学习指南 — Android基础知识汇总，附答案+考点
m0_66264134的博客
01-31 544
@Override public boolean onDown(MotionEvent e) { return false; } @Override public void onShowPress(MotionEvent e) { } @Override public boolean onSingleTapUp(MotionEvent e) { return false; } @Override public boolean onScroll(MotionEvent e1, MotionEvent e2,
python控制浏览器不上下滚动失灵_浅谈selenium如何应对网页内容需要鼠标滚动加载的问题...
weixin_39851008的博客
12-21 2032
相信大家在selenium爬取网页的时候都遇到过这样的问题：就是网页内容需要用鼠标滚动加载剩余内容，而不是一次全部加载出网页的全部内容，这个时候如果要模拟翻页的时候就必须加载出全部的内容，不然定位元素会找不到，出现报错。这里提供两种方法供大家参考一，通过selenium模拟浏览器，然后设置浏览器高度足够长，最后延时使之能够将页面的内容都能够加载出来import timefrom selenium ...
一篇文章彻底理解自定义View
龚礼鹏的博客
12-02 1493
对应标签。容易引起oom继承系统的TextView，实现在文字中间加一条横线}}}}) {canvas?}}可以看见文字中间是有一条横线的①.简单实现一个矩形的绘制}}}}) {canvas?}}添加自定义属性，添加自定义背景色先在values目录下面创建attrs.xml，添加自定义属性然后在代码中获取自定义属性，注意获取的资源要回收}//获取自定义属性对应的组名称//获取自定义属性//注意资源需要回收}}}
浏览器 Scroll 平滑滚动
suxuelengyin的博客
09-10 1769
原文链接： https://www.suxuewb.cn/?p=278 除了用户主动触发的滚动，我们经常需要代码触发滚动。然而浏览器提供的scroll API，并不是完全精确，存在比较多的兼容性。今天我们就来探讨一下，scroll 滚动API 及其兼容性。 几个重要的对象和类 window window 对象表示浏览器对象模型，即浏览器提供的扩展API能力。大写的Window是构造函数，小写的window是它实例化后的对象。 scrollX、scrollY、pageXOffset 和 pageYOffs.
RecyclerView 滑动到指定位置
Android 一亩良田
05-30 1231
看一下RecyclerView有哪些滑动的Api recyclerView.scrollTo(int x, int y) ，虽然提供，但是没有实现，不支持； recyclerView.scrollBy(int x, int y)，必须设置了LayoutManager，否则报错，因为内部调用了LayoutManager.scrollHorizontal...
JavaScript：scroll() / scrollTop() / scrollBy()无效？
aozhe9623的博客
06-25 957
*note 　　使用的浏览器：Chrome（67.0.3396.87）/ 火狐（60.0.2）/ IE（ie7和ie8），均为PC端。 · 示例 <script> window.scroll(0, 200); </script>　　 　　1. 表现结果 　　　　Chrome：只有第一次打开标签页面是有效的（在当前标签页不断刷新是...
window.scrollTop 不生效的原因，如何解决
范德萨的博客
02-17 5492
需要获取到当前滚动条的页面元素，之后加上返回顶部的方法即可！
scroll事件不生效
weixin_56815226的博客
10-08 504
高度不能100%（高度必须超过容器高度）
解决 ScrollView 滑动过程中 ScrollTo() 方法不起作用的问题
猿份哥
07-18 2708
问题：当滑动ScrollView后（还在惯性滑动中）切换章节内容，并定位到ScrollView底部 此时调用scrollTo(int x, int y)不起作用。 分析原因：由于滑动动画还在继续，scrollTo在执行后效果被滑动动画覆盖，没起作用。  曾苦于一时没有解决方案，未曾找到取消滑动动画的方法，后偶然发现，smoothScrollTo()方法可以打断动画，将 scrollT
关于scrollTo()方法，滚动到顶部失效的解决
pp
11-09 3565
项目场景： 当页面刷新，判断页面是否在顶部，如果不在顶部就滚动到顶部 问题描述： 判断距离顶部的高度，如果大于0就执行window.scrollTo(0, 0)， 但是在onload中执行，直接写都没用效果 window.addEventListener("load", function (event) { window.scrollTo(0, 0) }); 原因分析： 确切原因没用找到，猜测一下，估计是滚动相关的DOM没用初始化完成就执行该方法，导致无法
vue2 $scrollTo 不生效
最新发布
07-23
Vue 2 中的 `$scrollTo` 是 Vue Router 提供的一个辅助方法，用于滚动到路由对应的元素，但这需要配合 Vue Router 的导航守卫（如 beforeEach 或 afterEach）一起使用，并且目标元素必须已经被正确地关联到了当前的路由组件。 如果 `$scrollTo` 不生效，可能是以下几个原因： 1. **未正确导入**：确保你已经在组件文件中正确导入了 `this.$router`，例如：`import { useRouter } from 'vue-router'`。 2. **不在适当钩子使用**：$scrollTo 应该在路由切换之前或之后运行，可以放在 `beforeEach` 或者 `afterEach` 中。 3. **目标元素未找到**：确保要滚动的目标元素有一个 `name` 或 `id` 属性，并且这个属性在当前组件的模板中已经引用或者动态设置。 4. **异步加载**：如果目标元素是在异步请求中加载的，那么可能需要在 `mounted` 生命周期钩子中调用 `$scrollTo`，等待数据加载完成后再执行。 5. **浏览器兼容性**：某些旧版本的浏览器可能不支持滚动操作，可以检查一下目标环境的浏览器兼容性。 如果你遇到了问题，你可以尝试在相应的钩子函数中添加一些 console.log 输出，看看 `$scrollTo` 是否被调用了，以及是否能找到预期的目标元素。同时记得查看 Vue Router 和 Vue 的文档以获取最新的使用方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值