关于原生scroll

绑定事件

可以绑定在任意父元素上,只要它的子元素对应方向上的尺寸之和大于父元素对应尺寸,就可以发生滚动,在子元素发生滚动时触发

获取子元素的滚动高度

let y = childNode.scrollTop  // 得到一个正整数

设置子元素的滚动高度, 如让其滚动到某个位置

方法一  (瞬间)
childNode.scrollTo(200,1000)

方法二(可调)
childNode.scrollTo({ 
    top: 1000,   // 要滚动到的垂直位置
    left: 200 ,  // 要滚动到的水平位置
    behavior: "smooth"   // 滚动速度, smooth(平滑滚动),instant(瞬间滚动),默认值auto()瞬间滚动)
});

方法三(瞬间)
childNode.scrollTop = 1000;   // 垂直方向
childNode.scrollLeft = 200;   // 水平方向

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,696评论 1 92
  • 1、可以横向滚动某一组元素。 2、用做竖向滚动的时候,如果滚动的内容上方有对应的导航,你只需要将 包裹你要滚动的内...
    自律财富自由阅读 6,691评论 0 0
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,056评论 3 119
  • 四月不声不响 樟树头上开满不知名的小花 荒野里的丁香 把快乐和悲伤 捆绑 又催促春雨叫醒迟钝的根芽 荒野里 走来两...
    妃卿阅读 1,702评论 0 1
  • 百日目标检视(延续300天目标)再度开启(冲击400天) 1.每天擀脚底6min*2,每周运动至少3次 2.每天晨...
    小橙子April阅读 1,643评论 0 0

友情链接更多精彩内容