在多个选择框中同步两个滚动条

Question

嗨我是javascript的新手....
我想同步滚动两个选择框,这样当我向下滚动第一个选择框时,另一个选择框的滚动条也滚动....

Answer 1

$(document).ready(function(){
  $('#one').scroll(function(){
    var length = $(this).scrollTop();
    $('#two').scrollTop(length);
  });
});

JS Bin Demo

Answer 2

在普通的 JavaScript 中，您将为滚动事件创建一个事件处理程序，该事件处理程序从相关元素读取scrollTop 值，并在第二个元素上设置相同的值。

    var s1 = document.getElementById('Select1');
    var s2 = document.getElementById('Select2');

    function select_scroll(e) {

        s2.scrollTop = s1.scrollTop;
    }

    s1.addEventListener('scroll', select_scroll, false);