码迷,mamicode.com
首页 > 其他好文 > 详细

scrollIntoView scrollIntoViewIfNeeded

时间:2020-03-18 23:57:54      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:定义   near   lint   function   tor   smo   水平   示例   optional   


$(‘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

标签:定义   near   lint   function   tor   smo   水平   示例   optional   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!