javascript - scrollIntoView 和焦点问题

Question

var mediaIdForFocus = '<?php echo $this->mediaIdForFocus; ?>';
if(mediaIdForFocus)
$('#flagimg'+mediaIdForFocus).get(0).scrollIntoView().addClass("selectedMedia"); // highlight class
$('.logoTxt').focus();

我正在尝试调整 div 的滚动 $('#flagimg'+mediaIdForFocus) 然后将焦点赋予元素 $('.logoTxt')

ScrollView 已调整为元素 $('#flagimg'+mediaIdForFocus) 但 $('.logoTxt').focus(); 没有给出焦点。它只发生在第一次。如果我刷新页面，它就会按预期工作。

请帮助我。

Answer 1

要将元素平滑地滚动到 View 中并将焦点设置到它，您可以执行类似的操作

elm.scrollIntoView({behavior: 'smooth', block: 'center'});
elm.focus({preventScroll: true});