Scroll-sync for tiles

gggmmm

Would use it almost daily, tiled view without it really misses a lot of productivity.

But I would much prefer a modifier key to an on-off switch, as I would prob use it only about half the time - "Shift+scroll", for example

jordonbc

What if we used the scroll lock key as a toggle for this?

When scroll lock is activated, window scrolling across all tiled views would be synchronized, allowing users to compare content more efficiently. When it's turned off, scrolling would revert to normal behavior for each tile.

Using scroll lock this way could provide an easily accessible method for controlling this functionality, without the need to navigate the right click menu or use complex key combinations.

mickael28

@shifte said in Scroll-sync for tiles:

@mikefmmedia
Great!

// ==UserScript==
// @name         Scroll-Sync for Tiles
// @version      0.1
// @description  Scroll-Sync
// @author       @mikefmmedia
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    let mouseOverDoc = false;
    let relativeScrollPos = localStorage.getItem('scrollY') || 0;
    document.addEventListener('mouseenter', () => mouseOverDoc = true);
    document.addEventListener('mouseleave', () => mouseOverDoc = false);
    window.addEventListener('scroll', (e) => {
        if (mouseOverDoc) {
            relativeScrollPos = window.scrollY/(document.body.clientHeight - window.innerHeight);
            localStorage.setItem('scrollY', relativeScrollPos);
        }
    })
    window.addEventListener('storage', () => {
        const scrollToY = localStorage.getItem('scrollY');
        window.scrollTo(0, scrollToY*(document.body.clientHeight - window.innerHeight));
    })
    // Your code here...
})();

I didn't know anything about UserScripts, further info if anyone is on the same boat in the future - https://greasyfork.org/en

I managed to make it work installing Tampermonkey and creating a local script.

Thank you guys.

We made it to 100 votes, maybe it comes natively at some point...

mickael28

@mikefmmedia Do you know why this script might not work in google sheets?

I've got 2 tiled spreadsheets and the script doesn't do anything on those...

The format is:
https://docs.google.com/spreadsheets/d/..../edit#gid=12....

Could you think of any kind of tweak to see if the script could work there too?

mikefmmedia

Hi @mickael28 ,
the problem here is that the scrollingcontainer is not html "window", as it is in default webpages. That means you would have to update the script to work with google spreadsheet.

To be honest, I don't think this works well, because google has probably built in a lot of javascript here, which in turn may set the scroll positions.

mikefmmedia

This post is deleted!

mickael28

@mikefmmedia Thank you, I was not sure if it might be something easy we could tweak.

I'll keep an eye in case Vivaldi implements it natively and see if that scenario works (cc @Pesala , if the team implements it)

If anyone knows of any other workaround, alternative to be able to simultaneously scroll 2 different google spreadsheets for the time being pls let me know to give that a try.

neltherion

@bimlas This would be a time-saver.

Most of the time I'm using Tiles when I want to compare multiple products in a website and since the layout of the site is the same for all of the products, it'd be really great if I could scroll the pages of all of the Tiled product pages at once.

jjcsaba

Please do it.
That would be a major time-saving feature.

CJinTX

Is there any update on this feature? I was thinking it would come in super handy when comparing settings of two items on a web page.

If I have two configured items in say Azure or Entra I sometimes pull the configs up side by side for example and compare. Synchronized scrolling option would be awesome for this.

Pesala

@CJinTX No change to the status — still tagged as NICE TO HAVE.

It is well down the list of most top upvoted feature requests, with 102 votes so far.