异步加载设置元素的scrollTop不生效

最新推荐文章于 2024-02-28 11:02:30 发布
最新推荐文章于 2024-02-28 11:02:30 发布
阅读量529 收藏
点赞数
原文链接：https://blog.youkuaiyun.com/lmp5023/article/details/106761930?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-4.nonecase
版权

解决方案：scrollTop需要在异步加载完成后再调用，因为是异步的，在去后台获取数据的时候，如果scrollTop就触发了，那么就出现不生效的情况

嵩小卢
关注
Web-拾贝
oscar999的专栏
03-10 1万+
JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.youkuaiyun.com/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站， 有browser兼容的介绍http://help.dottoro.co...
vue项目设置scrollTop不起作用(总结)
10-17
主要介绍了vue项目设置scrollTop不起作用(总结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
scrollTop不生效的解决办法
最新发布
ToKeepCalm的博客
02-28 2388
例如：document.getElementById('logContainer')中的。你设置的是另一个元素的滚动条，和你需要设置的滚动条有什么关系，所以导致滚动条不会生效。scrollTop不生效可能的原因有多个，请挨个进行排查！确定你设置滚动条的元素ID是否正确且唯一。，该ID是否唯一，若不唯一，则可能导致滚动条不生效（可能很多人有疑问了，这还能有错？
vue项目 设置scrollTop不起作用 总结
weixin_34380948的博客
06-05 3906
今天在开发中，遇到这样一个情景。一个页面中有三个模块，每个模块对应一个标题，每个模块内容都很长，所以需要点击当前模块对应的标题滚动到模块所在位置。 我想的方案是获取到每个模块距离文档顶部的距离，然后将值赋给对应要滚动的元素。 步骤如下: 首先给每个模块一个id，例如： <div class="module module1" id="anchor-0"> <div class=...
scroll-top不会生效的原因
weixin_64974855的博客
06-07 381
/如果scrollTop赋值与原来的值一样，scroll-top是不会生效的。
scrollTop不生效的原因解决方法
热门推荐
前端小师姐迪迪_的博客
02-21 1万+
scrollTop 设置 不生效；scrollTop 一直为0；
vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解
10-16
这可以通过比较滚动元素的`scrollTop`（当前滚动位置）、`offsetHeight`（元素可视区域高度）和`scrollHeight`（元素总高度）来实现。当`scrollTop + offsetHeight >= scrollHeight - 100`时，表示距离底部100px以内...
微信小程序下拉刷新与上拉加载
# 1. 引言 ## 1.1 什么是微信小程序 ...在微信小程序开发中，下拉刷新和上拉加载可以为用户提供更好的交互体验，使用户能够及时获取最新数据，同时也可以避免加载过多数据导致页面卡顿的问题。接
【ORM性能调优秘笈】：如何避免N+1问题与懒加载陷阱
[【ORM性能调优秘笈】：如何避免N+1问题与懒加载陷阱](https://cdn.hashnode.com/res/hashnode/image/upload/v1657466066725/zEPg_Cm8L.jpg?auto=compress,format&format=webp) # 1. ORM框架的N+1问题概述 在当今的...
大家都能看得懂的源码之ahooks useInfiniteScroll
「 虚幻私塾」
09-05 643
useInfiniteScroll 封装了常见的无限滚动逻辑。详细可看官网注意：这里的无限滚动指的是常见的点击加载更多或者说下拉加载更加功能，而不是虚拟滚动，虚拟滚动后面会讲到。
踩坑记录：uniapp中scroll-view的scroll-top不生效问题；
qq_44776454的博客
12-05 5723
踩坑记录：uniapp中scroll-view的scroll-top不生效问题 的详细解决思路
解决给元素设置scrollTop但不生效问题
kwroi的博客
11-15 4763
scrollTop
（react）设置scrollTop无效的原因及解决方法
weixin_51719919的博客
03-11 1万+
一、项目的需求描述 不停的请求后端日志，输出到页面上，当用户不做任何操作时，动态显示日志，即放日志的盒子里面内容滚动到最底部；当用户触发了滚动事件查看历史日志时，盒子不再滚动到最底部，随着用户的滚动显示对应的日志，且确保不会中断请求日志，当用户再次滚动到页面最底部并且不再做任何操作时候，再次实现盒子里面内容动态滚动到最底部（类似聊天界面，只要你不翻看聊天记录，就会滚动显示最新消息） 二、设置scrollTop的方法 1. 原生 HTML 中使用 JS 直接修改 方法一：使用scrollTo函数来设置滚动条的
解决设置scrollTop不起作用
weixin_45700321的博客
04-23 3040
我操作是 $(#el-tree)的目标，给它设置了半天scrollTop始终不生效，因此排查问题所在，才知道需要找到滚动条目标层级，进行动态设置scrollTop，问题解决。首先场景是一个异步树：支持模糊搜索，当搜索到结果时，会有选中效果，但是搜索的结果可能会超出树的显示范围，因此需要手动滑动滚动条到选中位置。但是呢，树节点太多，无法及时到目标位置，因此根据选中位置，将滚动条滑动到目标位置，设置scrollTop。注意：offsetTop 就是当前选择节点的属性，以及注意overflow设置为 auto。
设置元素的scrollTop不生效的解决办法
Arbort
08-19 5539
这里以vue项目为例,先看结构,使用ref获取元素; <template> <div class="dialogBody" ref="dialogBody"> <!-- 话语框 --> </div> </template> 1.元素必须包含的样式属性 .dialogBody{ overflow-x: hidden; overflow-y: auto; } 2.要确保这个元素的确有滚动条
异步加载scrollTop不生效问题解决
lmp5023的博客
06-15 1112
异步加载数据然后append之后，出现滚动条，然后我想把滚动条置底. 遇到的问题:scrollTop不生效 解决方案：scrollTop需要在异步加载完成后再调用，因为是异步的，在去后台获取数据的时候，如果scrollTop就触发了，那么就出现不生效的情况 function getContent() { var url = '192.168.30.128/index.php/api/index/getContent';
浅析scrollTop方法失效的原因！！！
fxdan的博客
06-29 2440
很久没用jq开发前端了，最近新入职一家公司是前后端不分离，项目主要是用了JQ开发，做了个点击控制滚动条的方法。结果蒙圈了一波，思考了许久，终于知道原因在哪，话不多说，直接给大家说解决方案。 不生效源代码是这样的： html, body, .page { padding: 0; margin: 0; } // 处理楼层滚动 var page = $('body > .page'), floorTabs = $('.floor-tabs .tab-item') floorTab.
scrollTop设置不起效果的几种原因
smallNut的博客
01-17 1万+
今天在写需求的时候遇到一个要将表格的滚动条在进行路由跳转时固定的操作，然后没想到居然在scrollTop这个属性的设置上栽了坑，关于此问题的原因网络上的解释也五花八门，各不相同 这里我们以下图demo为例，给大家解释一下设置scrollTop属性设置无效可能会遇到的几个原因 1.父，子元素需设置高度，并且子元素高度必须大于父元素 这一点应该很好理解，如果子元素高度始终小于父元素，那么无论怎么设置scrollTop的值都不可能大于0 2.父元素需设置overflow: scroll 或 overflow-y：
JQ scrollTop 无效的场景
weixin_30580943的博客
10-29 466
先要设置DOM为显示，然后在设置scrollTop，先后顺序不能调换。 转载于:https://www.cnblogs.com/llcdxh/p/9855920.html
vue中设置scrolltop不生效
06-28
2. 在你的Vue组件中，使用ref属性来获取你想要设置scrolltop的元素。 3. 在mounted钩子函数中，使用$refs来获取元素的实例，并设置scrolltop属性。 例如： ``` <!-- your content here --> export ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值