首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的scroll-top方法只在第一次执行后才起作用?

scroll-top方法是用来获取或设置元素的垂直滚动条位置的方法。根据描述,你的scroll-top方法只在第一次执行后起作用,可能是由于以下原因:

  1. 事件绑定问题:如果你的scroll-top方法是通过事件触发的,可能是事件绑定的问题导致只有第一次执行时才起作用。你可以检查事件绑定的代码,确保事件正确绑定到目标元素上。
  2. 元素加载问题:如果你的scroll-top方法是在页面加载完成后执行的,可能是因为元素还未完全加载导致只有第一次执行时起作用。你可以将scroll-top方法放在页面加载完成的回调函数中,确保元素已经完全加载后再执行。
  3. 条件判断问题:如果你的scroll-top方法包含了条件判断语句,可能是条件判断的问题导致只有第一次满足条件时才起作用。你可以检查条件判断的逻辑,确保满足条件时都能执行scroll-top方法。
  4. 其他代码干扰:如果以上情况都排除了,可能是其他代码干扰导致scroll-top方法只在第一次执行后起作用。你可以检查其他相关代码,尤其是可能会影响滚动条位置的代码,确保没有干扰scroll-top方法的执行。

总结起来,要解决scroll-top方法只在第一次执行后起作用的问题,你可以检查事件绑定、元素加载、条件判断和其他代码干扰等方面的问题,并逐一排查和修复。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

微信小程序实践:2.3 可滚动容器组件之 scroll-view

这个事件应该这样读:bind-refresher-refresh,第一次看到它,就错看成了是err-refresh,以为是发生某个错误时派发事件,其实不是。 它是组件进入更新中状态时派发事件。...要么使用页面实例requestAnimationFrame方法模拟一个定时器,要么JS中实现。 选择了后者,这个方案看起来更简单。...JS中定义了一个willCompleteRefresh方法,然后再在WXS中合适时机通过callMethod调用它。...updateList、updatePage是setData更新时用key,因为是变量,所以使用时要用[]括起来。 作者为什么不直接使用push方法呢?...方法更新新数据,可以参照作者实践过程中找到解决方法

15.1K30
  • uni-app中使用scroll-view滚到底部时多次触发scrolltolower

    一、前言、scroll-view基本属性: 前言:   前段时间使用scroll-view可滚动视图区域容器来做多个不同内容展示(这个页面中同时使用了三个scroll-view做数据展示),因为这几个展示内容数据都比较多...),定时到期以后执行注册回调函数(简称防抖)。...scroll-view-item uni-bg-blue">C //滚动到最底部触发事件 lower() { //1s执行一次...setTimeout(() => { //TODO这里填写你加载数据方法 this.getData(); }, 1000); }, 关于页面由第一个scroll-view切换到第二个scroll-view...时默认设置scrollTop为0,那么切换到第二个页面的同时页面的竖向滚动条位置会默认滚动到最顶部,从而解决了默认滚动到最底部加载多次数据问题。

    8.5K10

    小程序学习笔记

    毕竟scroll-view要设置固定高度,如果没有固高,scroll-into-view根本不起作用 如何让传入json数据渲染到页面,带组件标签格式?...关于页面跳转 js跳转方法,加一个点击监听,bindtap执行函数wx.navigateTo 但是没反应老报错, 一直返回跳转失败和跳转完成函数内容。...后来发现,是没有app.json里边加入新增加页面,导致跳转不成功。 以下是报错截图 所以app.json页面注册真的很重要,切记切记!大问题。...经过试验,是可以重名——如下:因为注册text页面的时候,自动加了其他三个同名文件, 但是最后调用这个目录下text名字文件时,依旧跳转成功,看来他自己认wxml 五、小程序技巧 页面加载切换一次类名...重复结构都可以用其配置,然后传数据就ok; 另外,配合wx:if、wx:else来判断并动态选择将参数传入哪个结构中 Console.log(event) Event::事件对象,方法执行时候

    2.4K60

    小程序 - 效果处理之技巧合集(更新中...)

    巧用Console.log(event) Event::事件对象,方法执行时候,当前环境携带一些信息 可以打印出来、获取很多信息,根据这些信息再度寻找你需要信息路径。...43 44 不过经过后来测试,把绝对定位这一套代码删掉,然后只要有scroll-y属性都是可以, 45 46 关键是这个属性,放在scroll-view内所有内容组成页面可以滚动。...给一个滚动事件监听wrapScroll,当页面滚动时候他就判断scroll-top大小,如果大于我们设定值(这里是500)时候,他就执行一条设置数据代码,否则就执行另一条设置数据代码。...100 101 从这里逻辑中,觉得收获最大是用if判断值,动态改变一个变量等于false还是ture,然后wxml中再if判断,变量等于false还是ture,这样就能千回百转完成逻辑。...102 103 就说if是个好东西,把我们思维传递给电脑。因为他分是非,而人类有时候却分不了是非。。。 动态添加内容、渲染结构 Wx:for功能——列表渲染!!

    1.4K90

    uni-app: 使用Vue.js需要注意哪些问题?

    应用生命周期包括下列函数 1、onLaunch 当uni-app 初始化完成时触发(全局触发一次) 2、onShow 当 uni-app 启动,或从后台进入前台显示 3、onHide 当...2、如何捕获 app onError 由于 onError 并不是完整意义生命周期,所以只提供一个捕获错误方法 app 根组件上添加名为 onError 回调函数即可。...例如:每次将scroll-view组件scroll-top属性值设置为0,只有第一次能顺利返回顶部。...这和props单向数据流特性有关,组件内部scroll-top实际值改动,其绑定属性并不会一同变化。...解决办法有两种(以scroll-view组件为例): (1)、监听scroll事件,记录组件内部变化值,设置新值之前先设置为记录的当前值 <scroll-view :scroll-top="scrollTop

    5.6K20

    微信小程序避坑指南

    申请了服务类目之后,接口权限中选择对应功能: ? 设置完如果还不行,尝试下重启开发展工具,重新编译,重启真机上微信。 4. 直播视频全屏方法 ?...开发者应该在明确需要重新登录时调用 wx.login,及时通过 code2Session 接口更新服务器存储 session_key。 微信不会把 session_key 有效期告知开发者。...开发者 session_key 失效时,可以通过重新执行登录流程获取有效 session_key。...) 之所以webview中用onshow,是因为每次进入webview页面都会执行,这样就保证webview前后访问是同一个URL,保证点击左上角返回时,只需点击一次就返回到最初小程序A页面。...甚至可以setData键值内增加变量: this.setData({ [`imgs[${key}]`]: img }) 注意:此时``需要用[]扩起行 这样可以做到数据部分更新和渲染

    3.2K30

    jsp开发技术

    大家好,又见面了,是你们朋友全栈君。 一、为什么说JSP也是动态web开发一项技术呢?...jsp第一次被访问时会被Web容器翻译成servlet,执行 过程: 第一次访问—->helloServlet.jsp—->helloServlet_jsp.java—->编译运行(实际运行jsp.java...)最终运行class文件; PS:被翻译servletTomcatwork目录中可以找到; 二、page三大指令;   1) page指令   2) include指令   3)...表示JSP页面所发生异常,错误页中起作用 四、jsp有四大作用域 作用分别如下: pageContext域:当前jsp页面范围 request域:一次请求 session域:一次会话 application...这就是前面所说 某个域中获取将不在向后寻找;因此取名key值时候 名字最好不要相同; 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/155375.html

    84420

    【Vue原理】NextTick - 白话版

    ,源码独立而简短,稍作修改就可以拿出来为你项目服务, 已经有项目中使用了 想必大家写 Vue 项目的时候,应该也有使用过 nextTick 一般是用在数据渲染完毕之后执行某些操作 this.list...$nextTick(()=>{ this.isLoading=false }) nextTick 按理解,就是设置一个回调,用于异步执行 异步执行,比如,就是把你设置回调放在 setTimeout...也是异步,两个都要等 同步代码执行完毕之后执行 那我直接设置一个 setTimeout 不就好了 那一个 setTimeout 怎么执行多个回调呢?...,比如冒泡(至于为什么,会有一篇文章说明) Vue 2.6 ,又使用微任务,因为想到了其他办法解决连续事件问题 Vue 宏微任务 并不算是严格意义上宏微任务,是种兼容写法。...push进 回调数组 三个 watcher.update,但是只有第一次是 push 成功,其他会被过滤掉 所以,不管你修改多少次数据,nextTick 回调数组中存在唯一一个 watcher.update

    78530

    学习OpenCV,新手常会问我十个问题 | 视觉入门

    OpenCV中怎么没有填充几何对象方法?...解答: 记得绘制这些几何形状时候把线宽参数设置为-1即可填充,大于零会绘制描边。记住就是这个参数lineWidth, 大于0表示描边,小于零表示填充。对所有绘制图形API都是一样。...为什么设置调整相机分辨率不起作用? 解答: 因为它支持了视频编解码,不支持音频,所以没有声音,更深入一点原因,OpenCV是视觉处理库,主要处理图像与视频,而不是声音。...VideoCapture设置相机分辨率不起作用,拜托请先检查一下你相机支持分辨率是多少,这个都没搞清楚,就敢设置相机分辨率参数。...Q8 为什么编译出来OpenCVlib里面是一堆lib文件,没有opencv_world相关lib文件 解答: 原因很简单,记得cmake时候把生成 opencv world 选项勾上可以 Q9

    1.3K30

    学习OpenCV,新手常会问我十个问题

    OpenCV中怎么没有填充几何对象方法?...解答: 记得绘制这些几何形状时候把线宽参数设置为-1即可填充,大于零会绘制描边。记住就是这个参数lineWidth, 大于0表示描边,小于零表示填充。对所有绘制图形API都是一样。...为什么设置调整相机分辨率不起作用? 解答: 因为它支持了视频编解码,不支持音频,所以没有声音,更深入一点原因,OpenCV是视觉处理库,主要处理图像与视频,而不是声音。...VideoCapture设置相机分辨率不起作用,拜托请先检查一下你相机支持分辨率是多少,这个都没搞清楚,就敢设置相机分辨率参数。...Q8 为什么编译出来OpenCVlib里面是一堆lib文件,没有opencv_world相关lib文件 解答: 原因很简单,记得cmake时候把生成 opencv world 选项勾上可以 Q9

    1.2K60

    自定义工具函数库(一) 函数相关

    而且调用 bind时可以传参,调用返回函数也可以传参,只是如果传两次参数,则只有第一次参数会起作用 // bind函数封装实现 function bind(fn, obj, ...args1) {...return function (...args2) { return fn.call(obj, ...args1, ...args2); // 如果传两次参数,则只有第一次参数会起作用...如果传一次,则那一次参数就会起作用 }; } 测试用 <!...解决方案:通过函数节流和函数防抖限制事件处理函数频繁调用 1.4.1 函数节流(throttle) 函数需要频繁触发时:函数执行一次,经过设定间隔可以执行第二次。...(e) { clearTimeout(timer); // 每一次新触发都会把前一次定时器给清除掉,直到没有新触发且时间经过time毫秒调用callback // 启动计时器

    51220

    JavaEE 初级阶段(二)

    返回200 code码 请求次数只有一次, 因为是服务器内部帮客户端执行了后续工作。 只能跳转自己项目的资源路径 。 效率上稍微高一点,因为执行一次请求。...response.sendRedirect("/url") 路径发生改变,发送二次请求,不传递数据 地址上显示是最后那个资源路径地址 请求次数最少有两次, 服务器第一次请求,会返回302 以及一个地址..., 浏览器根据这个地址,执行第二次访问。...(会话:同一浏览器访问只要浏览器不关闭,代表一个会话,浏览器关闭,当前会话结束,session中值将服务取到) 通过request.getSession()方法获得HttpSession对象 ,使用...--默认为 JSESSIONID 只有配置为 tracking-mode 模式为 COOKIE cookie -config 起作用 --> 60</max-age

    1.1K00

    Android:SwipeRefreshLayout和ViewPager滑动冲突原因和正确解决方式

    大家好,又见面了,是你们朋友全栈君。 BUG修复 2016.01.21 用几部真机测试,发现有些手机,手指没有滑动,move也一直执行。这回导致我们判断出现一些问题。...虽然SwipeRefreshLayout出来已经很久了,但是知道今天第一次使用。 然后发现两个问题: SwipeRefreshLayout会吃掉ViewPager滑动事件。...SwipeRefreshLayout需要套在ScrollView和ListView上时候表现比较友好,在其他ViewGroup上有点问题,不知道为什么,到时候去看下源码。...二、目前网上流传解决方式 网上找解决方法时候,发现无非都是两种方式。...五、解决方式 写了一大堆有的没到了重点,别着急,觉得看完上面内容会对以后解决相关问题会有帮助,百度谷歌也不是所有问题都能搜出来。

    1.5K10

    使用C# (.NET Core) 实现单体设计模式 (Singleton Pattern)

    本文概念内容来自深入浅出设计模式一书 由于我在给公司做内培, 所以最近天天写设计模式文章.... 单体模式 Singleton 单体模式目标就是创建一个实例....B: 额, 认为只有MyClass里面的代码可以调用这个构造函数, 但是感觉那没什么用啊. A: 为什么没用呢?...B: MyClass有一个静态方法, 我们可以这样调用静态方法: MyClass.getInstance(); A: 为什么使用MyClass, 而不是某个对象名?...而且可能比你想更糟糕: 只有第一次执行方法时候synchronized起作用, 一旦我们设定好了成员变量那个引用到具体实例, 以后就不需要synchronized这个方法了, 除了第一次, 以后这就是额外开销...所以如果性能是问题, 就可以使用这个方法. 其他问题 Q: 如果创建一个类, 里面都是静态方法和静态变量, 那么它效果和单体模式不是一样吗?

    97940

    使用 C#.NET Core 实现单体设计模式

    A: 嗯, 很有趣, 你你可以这样做吗? ? B: 没见过, 但是语法是没问题, 存在即合理. A: 它是什么意思呢? B: 想它不能被实例化吧, 因为它构造函数是private啊....A: 那么, 有没有哪个对象可以使用这个private构造函数呢? B: 额, 认为只有MyClass里面的代码可以调用这个构造函数, 但是感觉那没什么用啊. A: 为什么没用呢?...B: MyClass有一个静态方法, 我们可以这样调用静态方法: MyClass.getInstance(); A: 为什么使用MyClass, 而不是某个对象名?...而且可能比你想更糟糕: 只有第一次执行方法时候synchronized起作用, 一旦我们设定好了成员变量那个引用到具体实例, 以后就不需要synchronized这个方法了, 除了第一次, 以后这就是额外开销...所以如果性能是问题, 就可以使用这个方法. 其他问题 Q: 如果创建一个类, 里面都是静态方法和静态变量, 那么它效果和单体模式不是一样吗?

    66760

    「大众点评点餐」小程序开发经验 03:事件联动

    关键技术罗列 这里需要指出:产品设计成稿之前,我们已经对小程序支持功能做了细致调研,确保可以通过技术手段实现产品需求,确定 UI 以及交互设计。...左侧高亮分类跳错 实际开发中, 还发现一个问题: 左侧有分类 A、B、C,点击分类 B,分类 B 高亮,右侧定位到分类 B 详情区域,随之左侧高亮分类切换到 A 上。...限制右侧 scroll 事件函数执行。 在这里,推荐使用第二种方式。因为不同机器上,硬件会存在细微差别,我们无法准确设置误差范围。...我们可以通过 scroll-view scroll-into-view,或者 scroll-top 属性里完成滚动。 ?...小程序发布那段时间,总能看到各种对小程序未来设想,有悲观,有观望,也有激进个人认为,「赶鸭子上架」思路并不可取,必须清楚自己产品定位。 你产品是否满足「一次性消费」理念?

    2.6K40

    图片懒加载组件封装,加载时loading效果,加载失败暂时默认图片

    this.isLoadError = true }, onScroll(scrollTop) { // 加载ing时执行滚动监听判断是否可加载...infinite; } @keyframes skeleton-2 { to { background-position: -135% 0; } } 调用方法示例...open-transition Boolean 否 true 是否开启加载成功渐现过渡效果 view-height Number 否 真机可视窗高度 可视区域高度 view-height属性说明...大量图片在同一个页面使用该组件时可传入可视区域高度,避免重复获取窗口高度 你也可以页面(父组件)传入比真机可视窗高度更大值当做阈值提前进入加载 loading属性说明 值 说明 spin-circle...转圈圈 looming-gray 动态灰背景若隐若现 skeleton-1 骨架屏效果1 skeleton-2 骨架屏效果2 你也可以以此类推源码上修改或者扩展为你理想样式 使用深度作用选择器

    1.3K10

    Android谈谈封装那些事--BaseActivity和BaseFragment(二)

    修改了一部分,后面会慢慢优化,最后HLibrary里面贴出最优代码。还有那个BaseStatusActivity(沉浸栏)也会继续优化。...即便是我们使用viewpager作为容器时候设置预加载setOffscreenPageLimit()这个方法,其实你会发现根本不会起作用。 至于viewpager这个预加载方法为什么不行?...)时去加载数据,这样可以省流量。...预加载初始化数据和组件等轻量操作 切换tab到第一次可见时执行网络请求 四种状态:第一次可见状态、可见状态、第一次不可见状态、不可见状态 销毁时处理解注册、销毁广播等问题 3.BaseFragment封装...到此base就告一段落了,很多不合理地方,接下来私下也会去听取小伙伴们意见进行修改,然后最后HLibrary里面贴出来,非常感谢大家。

    2.1K20

    多维度方法:数字化时代,个人如何选择?

    进一步,你最后会明白这几个问题答案: 1)为什么中学老师许多年之后总是感叹:最终,真正有出息,都是当年成绩一般般... ... 2)为何以前起作用死磕思维,在数字化时代,不是最好的人生策略选择...2.多维度思维 直到一个人出现,打破了人工智能研究方法僵局。同时,开启了人类思维新时代。 把他研究方法称为:多维度思维,而这也正是人工智能核心。 这个人是谁呢?...找到合适数学模型,贾里尼克并像以往一样死磕数学模型这个维度,而是找到数据这个维度来提高准确度。 贾里尼克做法是用统计方法和大量数据来训练模型。...说到底,其实是因为时代变了,以前我们用诺基亚手机都淘汰了,时代,思维不转变就会一直产生这样问题:毕业于同一个学校,为什么和这位同学差距越来越大呢? 4.为什么你总是落后?...单维度能扩展你人生深度,但是多维度却可以扩展你人生宽度。 5.你该如何执行多维度方法认知上有了这个概念以后,却不去执行,就好比恋爱时候知道恋爱理论,却迟迟没有下手去追。

    41930
    领券