常用使用法:

 window.scrollTop(x,y)//x横坐标 y纵坐标例:window.scrollTop(0)window.scrollTop(100,0)window.scrollTop(0,100)

自定义滚动方法:

 window.scrollTop(options)window.scrollTo({top: 100,left: 100,behavior: 'smooth'//平滑滚动  auto 立即跳转});
、

behavior指定滚动是平滑动画(smooth),还是立即跳转(auto,默认值)

window.scrollTo滚动条滚动速度 滚动到指定距离相关推荐

  1. window.scrollTo控制滚动条平滑的滚动到某个位置

    语法一:window.scrollTop(x,y) //x横坐标 y纵坐标 例:window.scrollTop(0,1000) 语法二:window.scrollTop(options) windo ...

  2. 关于IOS设备window onscroll滚动条滚动事件不触发的问题

    http://blog.hooperui.com/%E5%85%B3%E4%BA%8Eios%E8%AE%BE%E5%A4%87window-onscroll%E6%BB%9A%E5%8A%A8%E6 ...

  3. 关于window.scroll系列方法汇总 滚动到指定元素位置

    1.window.scroll() 概述 滚动窗口至文档中的特定位置. 语法 window.scroll(x-coord, y-coord) // 参数表示想要置于左上角的像素点的横纵坐标 2.win ...

  4. 原生JS基于window.scrollTo()封装垂直滚动动画工具函数

    概要: 原生JS基于window.scrollTo()封装垂直滚动动画工具函数,可应用与锚点定位.回到顶部等操作. ####封装原因: 在vue项目中,遇到需要实现垂直滚动效果的需求,初步想到的方法有 ...

  5. window.scrollTo滚动

    window.scrollTo()和window.scroll()是同一个方法,参考MDN. window.scrollTo() 在window对象上实现滚动效果 //可以直接调用 window.sc ...

  6. Selenium滚动条window.scrollTo和window.scrollBy

    Selenium操作滚动条有两种方法,一种就是window.scrollTo,另一种是window.scrollBy,既然两个都可以用来操作滚动条,那这两个方法有什么区别呢? 1.window.scr ...

  7. js计时器案例--带滚动条的无缝滚动

    带滚动条的无缝滚动 一.效果图 二.设计思路 三.核心代码 一.效果图 二.设计思路 第一步:克隆两个ul,使用循环计时器进行无缝滚动 第二步:设置滚动的速度和时间 第三步:设置鼠标进去box停止滚动 ...

  8. vue 固定div 滚动_vue.js-div滚动条隐藏但有滚动效果的实现方法

    组件被包在一个高度固定的div mounted () { var boDiv = document.getElementById(this.id); if(boDiv == undefined){ r ...

  9. 监听某个区域滚动_监听页面滚动及滚动到指定位置

    一.原生js通过window.onscroll监听 window.onscroll = function() { //为了保证兼容性,这里取两个值,哪个有值取哪一个 //scrollTop就是触发滚轮 ...

最新文章

  1. 全球与中国丙烷脱氢制丙烯市场发展形势与前景规划分析报告2022-2028年版
  2. 报错“Error running ‘Tomcat 9.0.17‘: Address localhost:1099 is already in use
  3. 杭电2035--人见人爱A^B
  4. PE文件结构详解(四)PE导入表
  5. 剑指offer之16-20题解
  6. 语音合成与识别技术在C#中的应用 (转 )
  7. Django中使用Celery(附赠代码)
  8. 2.携程架构实践 --- 移动大前端
  9. Agent建模之Repast建模编程介绍
  10. javacv使用笔记
  11. 数字孪生城市可视化运营管理系统 智慧城市解决方案
  12. Android 旋转动画简单实现
  13. 曝光量的计算方式是什么?
  14. HDU 4544 湫湫系列故事——消灭兔子 (贪心+优先队列)
  15. 这段代码,c 1秒,java 9秒,c# 14秒,而python。。。
  16. 电信网络电视显示服务器出错,电信网络电视错误代码0025是什么问题
  17. workflow实例
  18. 用网络摄像头做延时摄影(WPF+Emgu.CV)
  19. 三星4521打印机清零及恢复中文版
  20. 启航,超越-动网论坛.NET 1.0正式版发布

热门文章

  1. python笔试110题(Interview questions)
  2. ULN2803输入电平
  3. Linux移植4G上网卡,Linux下ME3760_v2驱动移植方式,中兴4G网卡移植
  4. 圆形矩形梯形java,JAVA-打包三角型 梯形 圆形三个类,用一个程序执行入口对三类对象进行测试...
  5. 修复 Window 10/11 下 “未提供有关电源计划的信“ 错误
  6. 实现关键短语提取之后根据置信度在文本中进行高亮展示
  7. SWAN测试执行流程
  8. SWAN之ikev2协议mobike配置测试
  9. 灯丝温度对于紫外线灯击穿的影响
  10. Graph500教程