javascript - 如何使用 JavaScript 或 jQuery 滚动选择列表？

Question

我有一个选择标签:

           <select 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> 

现在它显示前 3 个选项，如何使用 jQuery 或纯 JavaScript 滚动查看 3-5 或 4-6 中的元素？

Answer 1

.scrollTop() 可能有效:

$('select').scrollTop(30);

你可以使用这个滚动到一个特定的元素:

var $s = $('select');

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

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

在这里试试:http://jsfiddle.net/kj9p4/

注意:不适用于 Chrome。