Sync Scrolling
-
Is it possible to have two grids next to each other on a page and synch them to where if you horizontally scroll one grid, the other also scrolls? I have found some javascript code that is suppose to help but my javascript isn't the strongest so if you can point me in the right direction to if this code should workk and where to put it that would be great I have tried several options but to no avail I can't get it working. Thanks for any help. <!-- document.getElementById('grd1').attachEvent('onscroll', doScroll); --> <!-- function doScroll() {grd2.scrollTop = grd1.scrollTop; } -->
-
Is it possible to have two grids next to each other on a page and synch them to where if you horizontally scroll one grid, the other also scrolls? I have found some javascript code that is suppose to help but my javascript isn't the strongest so if you can point me in the right direction to if this code should workk and where to put it that would be great I have tried several options but to no avail I can't get it working. Thanks for any help. <!-- document.getElementById('grd1').attachEvent('onscroll', doScroll); --> <!-- function doScroll() {grd2.scrollTop = grd1.scrollTop; } -->
What problem do you face when you place both the Grids in a single Panel? I think it will solve your problem.
Regards, Arun Kumar.A
-
What problem do you face when you place both the Grids in a single Panel? I think it will solve your problem.
Regards, Arun Kumar.A
-
Is it possible to have two grids next to each other on a page and synch them to where if you horizontally scroll one grid, the other also scrolls? I have found some javascript code that is suppose to help but my javascript isn't the strongest so if you can point me in the right direction to if this code should workk and where to put it that would be great I have tried several options but to no avail I can't get it working. Thanks for any help. <!-- document.getElementById('grd1').attachEvent('onscroll', doScroll); --> <!-- function doScroll() {grd2.scrollTop = grd1.scrollTop; } -->
I would expect that the code should go at the top of the .aspx page. If it does not work there then it could be that needs to be: as doScroll is the name of the second function? As far as I can see that should work