首页 > 作文

js移动端滑动事件(js实现左右滑动页面效果)

更新时间:2023-04-05 08:55:03 阅读: 评论:0

element.scrollintoview()

直接上例子代码给大家一点参考:

<html>  <style>    span {      display: block;      height: 150%;    } /*整土木工程全国排名点上下的空白 */  </style>  <body>    <button id="from">点击我</button>    <span></span>    <div id="to">滚动到这:头条@plzbefat</div>    <span></span>  </body>  <script>    document.getelementbyid("from").addeventlistener("click", () => {      document.getelementbyid("to").scrollintoview({        behavio雷锋的诗歌r: "smooth", 浮舟沧海立马昆仑//顺滑的滚动      });    });  </script></html&鸡兔同笼练习题gt;

整点例子没毛病

语法

element.scrollintoview(); // 等同于element.scrollintoview(true) 滚动 元素在顶部element.scrollintoview(fal); // 滚动 元素在底部element.scrollintoview(option); //参数

参数

aligntotop:

如果为true,元素的顶端将和其所在滚动区的可视区域的顶端对齐。相应的 scrollintoviewoptions: {block: “start”, inline: “nearest”}。这是这个参数的默认值。

如果为fal,元素的底端将和其所在滚动区的可视区域的底端对齐。ck卡尔文 克莱恩相应的scrollintoviewoptions: {block: “end”, inline: “nearest”}。

scrollintoviewoptions:

behavior 可选

定义动画过渡效果, “auto”或 “smooth” 之一。默认为 “auto”。

block 可选

定义垂直方向的对齐, “start”, “center”, “end”, 或 “nearest”之一。默认为 “start”。

inline 可选

定义水平方向的对齐, “start”, “center”, “end”, 或 “nearest”之一。默认为 “nearest”。

本文发布于:2023-04-05 08:55:01,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/9c8807a0ca6f411258f36fd1f957b106.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:js移动端滑动事件(js实现左右滑动页面效果).doc

本文 PDF 下载地址:js移动端滑动事件(js实现左右滑动页面效果).pdf

标签:可选   元素   默认为   定义
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
  • js移动端滑动事件(js实现左右滑动页面效果)
    element.scrollintoview()直接上例子代码给大家一点参考: