首页 > 其他 > 详细

scrollIntoView scrollIntoViewIfNeeded

时间:2020-03-19 00:43:09      阅读:49      评论:0      收藏:0      [点我收藏+]


$(‘input‘).on(‘click‘, function () {
var target = this;
setTimeout(function(){
target.scrollIntoView(true);
},100);
});

 

 

 

behavior 可选定义动画过渡效果, "auto"或 "smooth" 之一。默认为 "auto"

block 可选定义垂直方向的对齐, "start""center""end", 或 "nearest"之一。默认为 "start"

inline 可选定义水平方向的对齐, "start""center""end", 或 "nearest"之一。默认为 "nearest"

示例

var element = document.getElementById("box");

element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({behavior: "instant", block: "end", inline: "nearest"});

scrollIntoView scrollIntoViewIfNeeded

原文:https://www.cnblogs.com/mrt-yyy/p/12521124.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!