Feedback: Retool Main Page

Discussion
1

Just thought I'd share my opinion and little experience with something I don't think I've seen before and had me going from :scream: to :rofl: then :expressionless: (to be fair, it's probably accurate to say this last one is usually me while I work):

image
image1541×968 187 KB

If yall go navigate to https://retool.com/ and scroll down, until things start moving in a different direction. if you're not paying close enough attention you might end up like me: thinking your mouse broke :scream:. Thats my first time going from vertical to horizontal scrolling... while I'm still scrolling :rofl:

my mouse does have a free scrolling wheel so that might be my whole issue right there :man_shrugging:, it def made the sideways movement of things wayyyyy too smooth like an animation :expressionless:

2

3

:rofl: :rofl:

image
image1118×1246 123 KB

how do you force the horizontal scroll anyway? curious if I can find a spot for that cause the weird 'my screen is moving sideways' feeling is kinda fun now :innocent:

4 
function transformScroll(event) {
  if (!event.deltaY) {
    return;
  }

  event.currentTarget.scrollLeft += event.deltaY + event.deltaX;
  event.preventDefault();
}

var element = document.scrollingElement || document.documentElement;
element.addEventListener('wheel', transformScroll);

Source: html - Changing vertical scroll to horizontal - Stack Overflow

If we are trying to achieve this on a Retool App, we'll need to do it within a Custom Component because we can't add an event listener for 'wheel.'

1 Like