如何像jquery一样通过javascript设置scrolltop？

Question

我的html代码：

<select class="sss" size="3"> 
       <option value="1">value 1</option> 
       <option value="2">value 2</option> 
       <option value="3">value 3</option> 
       <option value="4">value 4</option> 
       <option value="5">value 5</option> 
       <option value="6">value 6</option> 
 <select>

和jquery代码：

var $s = $('.sss');

var optionTop = $s.find('[value="3"]').offset().top;
var selectTop = $s.offset().top;

$s.scrollTop($s.scrollTop() + (optionTop - selectTop));

对我来说 jquery 是可能的。 (DEMO)

但是我想在javascript中解决这个问题。 可能吗？

Answer 1

我已经解决了： 以下答案：

var s = document.getElementById("aa");

var optionTop = s.querySelector('option[value="2"]').offsetTop;
var selectTop = s.offsetTop;

s.scrollTop = s.scrollTop + (optionTop - selectTop);

<select id="aa" size="3">
  <option value="1">value 1</option>
  <option value="2">value 2</option>
  <option value="3">value 3</option>
  <option value="4">value 4</option>
  <option value="5">value 5</option>
  <option value="6">value 6</option>
<select>

如何像jquery一样通过javascript设置scrolltop？

how to set scrolltop by javascript like jquery?

javascript

scroll

scrolltop