Home/ Questions/Q 6852767
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T01:25:55+00:00

I would like to have a couple of divs that scroll in sync with

  • 0

I would like to have a couple of divs that scroll in sync with each other in a manner similar to the diff tool, meld. Note: as this is a static image, when you move the slider, the corresponding slider moves in sync with the other slider. I need to do this both horizontally and vertically.

This is for a highly customized diff tool, some of the diffed lines are very long, and horizontal scrolling needs to happen. This is within a web page, I use jQuery, but any css/JavaScript approach would be appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It should be as easy as binding to the scroll event of each div and set the .scrollTop & .scrollLeft of the other div equal to scrolled div’s scrollTop & scrollLeft.

    See https://developer.mozilla.org/en/DOM/element.scrollTop && https://developer.mozilla.org/en/DOM/element.scrollLeft

    Edit: Here is an example:
    http://jsfiddle.net/dHvJJ/

    • 0