如何通过像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中对我来说是可能的。（演示）

但我想在 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>