首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏杨龙飞前端

    scrollto 到指定位置

    return false; } }   直接写改变scrollTop属性可能没什么作用,但是这样写的话兼容性就有保障 滚动到指定容器的底部 window.scrollTo

    2.2K50发布于 2018-06-15
  • 来自专栏自动化、性能测试

    Cypress系列(28)- scrollTo() 命令详解

    Cypress,可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html 作用 滑动浏览器自带的滚动条、元素的滚动条 语法格式 cy.scrollTo (position) cy.scrollTo(x, y) cy.scrollTo(position, options) cy.scrollTo(x, y, options) // ---或--- . scrollTo(position) .scrollTo(x, y) .scrollTo(position, options) .scrollTo(x, y, options) 可以是 cy 直接调用, scrollTo('bottom') 重点 必须是 DOM 元素才能调用 .scrollTo() 可以是针对浏览器窗口 也可以是针对有滚动条的元素 错误写法 // 不是 DOM 元素 cy.title ().scrollTo('My App') 参数列表 position 位置参数 每个元素都有九个 position,具体可看下图 ?

    59410发布于 2020-06-19
  • 来自专栏蜉蝣禅修之道

    android 初始界面 scrollTo无法执行

    第一步, 先直接用 mScrollView.scrollTo(0, 1000); , 调试发现, activity 初始化过程中, scrollTo() 方法有被执行, 用F5, 内部执行了17 步. 第三步, 在onTouchEvent方法中, 执行调用mScrollView.scrollTo(0, 100); scrollTo() 方法有被执行, 用F5, 调试, 内部步骤很多, 绝对超过25了, (int x, int y) { // we rely on the fact the View.scrollBy calls scrollTo. plain copy public void scrollTo(int x, int y) { if (mScrollX ! 这也间接说明了, 在Activity 没初始化完成, ScrollView 对象获取的一些信息是不准确的, 直接导致了scrollTo() 方法无效.

    1.1K20编辑于 2022-04-02
  • 来自专栏项勇

    之从源码分析mScrollX,scrollTo(),smoothScrollTo

    xiangyong1521 文章地址:http://blog.csdn.net/xiangyong1521/article/details/77826942 目录 mScrollX和mScrollY scrollTo ---- 二.scrollTo()和scrollBy() /** * Set the scrolled (mScrollX + x, mScrollY + y); } 源码可以看出,scrollTo 和 scrollBy区别,其实2者的效果是一样的,只是过程不同而已。 scrollTo(int x,int y): 如果偏移位置发生了改变,就会给mScrollX和mScrollY赋新值,改变当前位置。 注意:x,y代表的不是坐标点,而是偏移量。 scrollBy(int x,int y): 从源码中看出,它实际上是调用了scrollTo(mScrollX + x, mScrollY + y); mScrollX + x和mScrollY + y

    1.7K60发布于 2018-06-19
  • 来自专栏前端知识分享

    第50天:scrollTo小火箭返回顶部

    scrollTo(x,y)//可把内容滚动到指定的坐标 scrollTo(xpos,ypos)//x,y值必需 1、固定导航栏 1 <! timer=setInterval(function(){ 64 leader=leader+(target-leader)/10; 65 window.scrollTo setInterval(function(){ 75 leader=leader+(target-leader)/10; 76 window.scrollTo

    60130发布于 2018-09-11
  • 来自专栏从零开始学自动化测试

    Cypress web自动化30-操作窗口滚动条(scrollTo)

    相关语法 操作 window 窗口对象,窗口上的滚动条,可以直接使用cy.scrollTo() cy.scrollTo(position) cy.scrollTo(x, y) cy.scrollTo(position , options) cy.scrollTo(x, y, options) // 正确用法示例 cy.scrollTo(0, 500) // Scroll the window 500px down 也可以先定位到元素,滚动到元素的位置 .scrollTo(position) .scrollTo(x, y) .scrollTo(position, options ) .scrollTo(x, y, options) // 正确用法示例 cy.get('.sidebar').scrollTo('bottom') // Scroll 'sidebar' to its ('bottom') cy.wait(3000) // 左下角 cy.scrollTo('bottomLeft') cy.wait(3000) // 回到顶部 cy.scrollTo('top')})

    1.9K20发布于 2020-06-04
  • 来自专栏前端开发ing

    ios 系统10.2.1 中 Vue项目设置scrollTo(0,0)失效问题及解决

    ios 系统10.2.1 中 Vue项目设置scrollTo(0,0)失效问题及解决 scrollTo与scrollTop 滚动到顶部我开始是这样写的 <template> <div id= $refs.container.scrollTo(0,0) } } } </script> 然后10.2.1系统ios控制台一直报错 this. $refs.container.scrollTo is undefined,我自己手机系统是13.6.1 可以正常滚动,我分别打出来发现,10.2.1系统手机没有scrollTo 方法,但是有个scrollTop $refs.container.scrollTo){ this.$refs.container.scrollTo(0,0) }else{ this.

    1.5K10发布于 2021-03-25
  • 来自专栏Jack的Android之旅

    教你实现最简单的QQ消息item侧滑菜单

    int r, int b) { super.onLayout(changed, l, t, r, b); if(changed){ this.scrollTo &getScrollX()<MenuWidth+HalfMenuWidth){ //滑到中间 this.scrollTo (MenuWidth, 0);,这两种情况除外都会滑到最后边的菜单,所以this.scrollTo(MenuWidth * 2, 0); 同样的道理,当operateRight==true时,getScrollX ()>MenuWidth+HalfMenuWidth时,即在最右菜单但滑动的距离小于菜单宽度的一半,所以只能恢复原状即this.scrollTo(MenuWidth + MenuWidth, 0);,当 (MenuWidth, 0);,除这两种情况都是要滑到最左边的菜单,即 this.scrollTo(0, 0);。

    1.2K20发布于 2018-08-28
  • 来自专栏编程社区

    js滚动到页面顶部

    本文俺将教大家如何使用原生js的scrollTo来实现滚动到页面顶部。 如果不需要使用动画来滚动,则不需要使用到任何插件。 我们可以使用原生的JavaScript window.scrollTo 传入0,0 将会立即滚动到页面左上角。 element.scrollTo(x-coord, y-coord); //或者 element.scrollTo(options) 参数 x-coord 是期望滚动到位置水平轴上距元素左上角的像素。 例 element.scrollTo(0, 1000); //ScrollToOptions element.scrollTo({ top: 100, left: 100, behavior

    18.2K40编辑于 2021-12-28
  • 来自专栏吾爱乐享

    python学习之滚动页面函数execute_script

    python学习之滚动页面函数execute_script 滚动到底部:window.scrollTo(0,document.body.scrollHeight) 滚动到顶部:window.scrollTo (0,0) 说明: window:js的window对象 scrollTo():window的方法,可以滚到页面的任何位置 scrollHeight:是dom元素的通用属性,document.body.scrollHeight 获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象滚动的宽度 用法:execute_script方法可以调用原生JavaScript的api driver.execute_script(‘window.scrollTo driver.get(‘http://news.baidu.com/’) driver.maximize_window() time.sleep(2) #滚动到浏览器底部 js = ‘window.scrollTo (0,document.body.scrollHeight)’ driver.execute_script(js) time.sleep(2) #滚动到顶部 js = ‘window.scrollTo

    3.4K20发布于 2019-12-30
  • 来自专栏White feathe 的博客

    浅谈锚链接(native 嵌套 h5)

    使用 window.scrollTo(0,1); <! function(){ var num = $(this).index(); if(num == "0"){ window.scrollTo (0,40); }else if(num == "1"){ window.scrollTo(0,550); }else if (num == "2"){ window.scrollTo(0,1050); } }) </script> </html 使用插件 scrollto.js 代码附上: <!

    84710编辑于 2021-12-08
  • 来自专栏程序技术知识

    js滚动到页面顶部

    原生js的scrollTo来实现滚动到页面顶部。 document.body.scrollTop; if (fromTopDistance > 0) {undefined window.requestAnimationFrame(scrollToTop); window.scrollTo 我们可以使用原生的JavaScript window.scrollTo 传入0,0 将会立即滚动到页面左上角。 element.scrollTo(x-coord, y-coord); //或者 element.scrollTo(options) 参数 x-coord 是期望滚动到位置水平轴上距元素左上角的像素。 例 element.scrollTo(0, 1000); //ScrollToOptions element.scrollTo({ top: 100, left: 100, behavior

    17K00编辑于 2022-04-07
  • 来自专栏Swift社区

    如何使用 SwiftUI 中 ScrollView 的滚动偏移

    body: some View { ScrollView { Button("Scroll to bottom") { position.scrollTo ScrollPosition 类型提供了许多重载的 scrollTo 函数,使我们能够处理不同的情况。 我们仍然使用 ScrollPosition 类型的 scrollTo 函数,但我们提供了一个可哈希的标识符。 0 position.scrollTo(id: id, anchor: .center) } ForEach (y: 100) position.scrollTo(x: 200) } ForEach(1..<100

    3.6K10编辑于 2024-09-18
  • 来自专栏Android开发小工

    自定义View基础(二)View的滑动

    1、实现View滑动的三种方式 1.1使用ScrollTo/ScrollBy 首先我们来看一下这两个函数的源码: public void scrollTo(int x, int y) { (mScrollX + x, mScrollY + y); } 从源码可以看出,scrollBy也是调用的scrollTo方法。 改变前原View mButton1.scrollTo(100, 0); 然后他的效果就是: ? scrollTo后的View 1.2使用动画 ObjcetAnimator.ofFloat(targetView,"translationX",0,100).setDuration(100).start 2、View滑动三种方式的对比 scrollTo/scrollBy:操作简单,但是局限明显,适合对View内容的滑动 动画:操作简单,由于现在基本上都是3.0以上版本Android系统,所有可以适合几乎所有情况

    71120发布于 2018-08-23
  • 来自专栏郭霖

    Android Scroller完全解析,关于Scroller你所需知道的一切

    当点击了scrollTo按钮时,我们调用了LinearLayout的scrollTo()方法,当点击了scrollBy按钮时,调用了LinearLayout的scrollBy()方法。 那说了这么多,scrollTo()和scrollBy()这两个方法到底有什么区别呢?其实运行一下代码我们就能立刻知道了: ? 可以看到,当我们点击scrollTo按钮时,两个按钮会一起向右下方滚动,因为我们传入的参数是-60和-100,因此向右下方移动是正确的。 现在我们再来回头看一下这两个方法的区别,scrollTo()方法是让View相对于初始的位置滚动某段距离,由于View的初始位置是不变的,因此不管我们点击多少次scrollTo按钮滚动到的都将是同一个位置 另外为了防止用户拖出边界这里还专门做了边界保护,当拖出边界时就调用scrollTo()方法来回到边界位置。

    1.9K60发布于 2018-01-08
  • 来自专栏python3

    python自动化17-JS处理滚动条

    2.通过左边控制横向和纵向滚动条scrollTo(x, y)js = "window.scrollTo(100,400);" driver.execute_script(js) 3.第一个参数x是横向距离 八、scrollTo函数 楼下有个小伙伴说这个scrollTo函数不存在兼容性问题,小编借花献佛了。 --scrollHeight 获取对象的滚动高度。  scrollTo函数不存在兼容性问题,直接用这个函数就可以了 #滚动到底部 js = "window.scrollTo(0,document.body.scrollHeight)" driver.execute_script (js) #滚动到顶部 js = "window.scrollTo(0,0)" driver.execute_script(js) 九、参考代码如下: # coding:utf-8 from document.documentElement.scrollTop=10000" #     return driver.execute_script(js) #滚动到底部 js = "window.scrollTo

    7.1K20发布于 2020-01-19
  • 来自专栏Android开发经验分享

    View的滑动实现方式

    ---- 目录 scrollTo 和 scrollBy 使用动画 改变布局参数 弹性滑动Scroller 问题的解答 ---- scrollTo 和 scrollBy 我们先来看看这两个方法的源码: public void scrollTo(int x, int y) { if (mScrollX ! (mScrollX + x, mScrollY + y); } 我们可以看到 scrollBy 也是调用了 scrollTo 方法。 并且 scrollTo 和 scrollBy 改变的是其内容的位置,而不是其在布局中的位置! 我们来看个示例: //activity_main.xml <? 我们把 btAnim.scrollTo(100, 100); 改成 btAnim.scrollTo(-100, -100); 看看,可以看到内容往右下方移动了。

    50520编辑于 2022-12-19
  • 来自专栏前端魔法指南

    JS滑动滚动的n种方式

    或element.scrollTo 3.1 基本用法 window.scrollTo({ left:0, top:0, behavior:'smooth'//或'auto' }); //有效 window.scrollTo(0,0) //有效 上述两种参数形式都有效,作用是返回到顶部。 区别是设置behavior为'smooth'后会平滑滚动 3.2 使用说明 如果场景要求我们滚动页面到某个元素的位置,此时可以使用window.scrollTo(); 如果场景要求我们滚动到某个可滚动父元素的位置 常见误解:element.scrollTo并不是将某个元素滚动到页面某个位置,而是如果该元素可滚动,设置该元素的滚动条 4 window.scrollBy或element.scrollBy 4.1 基本用法 啊哈,这个api一看就是element.scrollTo的近亲 实际功能体现上同样如此,该api用于相对滚动 对比window.scrollTo的话: window.scrollTo(x(),y())

    8.1K10编辑于 2022-08-12
  • 来自专栏俞其荣的博客

    深入解析Scroller滚动原理

    而在这之前,我们还有一件事要办,那就是搞清楚scrollTo()和scrollBy()的原理。scrollTo()和scrollBy()的区别我这里就不重复叙述了,不懂的可以自行google或百度。 下面贴出scrollTo()的源码: public void scrollTo(int x, int y) { if (mScrollX != x || mScrollY ! 这样简短的代码相信大家都懂了,原来scrollBy()内部是调用了scrollTo()的。 但是scrollTo()/scrollBy()的滚动都是瞬间完成的,怎么样才能实现平滑滚动呢。 不知道大家有没有这样一种想法:如果我们把要滚动的偏移量分成若干份小的偏移量,当然这份量要大。 然后在第二部曲中调用scrollTo()方法滚动到指定点(即上面的mCurrX, mCurrY)。

    1K10编辑于 2022-07-28
  • 来自专栏全栈程序员必看

    点击按钮,回到页面顶部的5种写法

    (){ 5 document.body.scrollTop = document.documentElement.scrollTop = 0; 6 } 7 </script> 8 </body> 3.scrollTo :scrollTo(x,y)方法滚动当前window中显示的文档,让文档中由坐标x和y指定的点位于显示区域的左上角,设置scrollTo(0,0)可以实现回到顶部的效果 1 <body style="height test" style="position:fixed;right:0;bottom:0">回到顶部</button> 3 <script> 4 test.onclick = function(){ 5 scrollTo 50; timer = requestAnimationFrame(fn); }else{ cancelAnimationFrame(timer); } }); } </script> 2、增加scrollTo ()动画效果 将scrollTo(x,y)中的y参数通过scrollTop值获取,每次减少50,直到减少到0,则动画完毕 <script> var timer = null; box.onclick

    4K30编辑于 2022-09-07
领券