Javascript同步两个列表框的滚动

javascript to synchronise the scrolling of two list boxes?

本文关键字：列表 滚动 两个 同步 Javascript      更新时间：2023-09-26

如何同步滚动两个列表框，使其中一个列表框的滚动导致另一个列表框的滚动

这里有一些指导方针:

  • 在两个列表框中使用scroll事件$(".listbox").bind("scroll", ...)
  • 在里面，用scrollTop css
    • 获取滚动坐标
  • 使用此值更改其他列表框的scrollTop

这样两者将一起滚动。

希望这对你有帮助。欢呼声

假设您指的是SELECT object

有几个问题，让我认为不是所有的浏览器都能做你想要的。

下面是使用内联事件处理程序的最简单的纯JS 

<select id="sel1" name="sel1" onchange="this.form.sel2.selectedIndex=this.selectedIndex">
.
.
.
<select id="sel2" name="sel2" onchange="this.form.sel1.selectedIndex=this.selectedIndex">
.
.
.

jQuery(未测试)

$(document).ready(function() {
  $("#sel1").change(function() {
    $("#sel2").attr("selectedIndex",$(this).attr("selectedIndex"));
  }
  $("#sel2").change(function() {
    $("#sel1").attr("selectedIndex",$(this).attr("selectedIndex"));
  }
}
相关文章：