search

daylilyfield / svrollbar

simple custom scrollbar made by svelte
https://daylilyfield.github.io/svrollbar/
MIT License
74 stars 12 forks source link

Scrollbar appear on hover? #4

Open brian-hay opened 2 years ago

brian-hay commented 2 years ago

Thanks for the component.

Is there a way to make the scrollbar appear on contents hover if 100% of contents aren't visible i.e. if there's stuff to scroll to?

At present it seems the scrollbar only appears when user attempts to scroll but there's no indication, by way of a visible scrollbar, that the area is scrollable.

daylilyfield commented 2 years ago

@brian-hay i am so sorry for my late response. thank you for your feature request.

Is there a way to make the scrollbar appear on contents hover if 100% of contents aren't visible i.e. if there's stuff to scroll to?

there is no way to do so, but i have a plan to make scrollbar visible for first view/rendering (just like chrome does).

madeleineostoja commented 2 years ago

Just seconding that this would be a fantastic feature. My current solution is to always show scrollbars if there's content to scroll to, but it's pretty ugly compared to a more intelligently discoverable/visible scrollbar like you suggested

oneezy commented 2 years ago

I'd like this feature as well.

Sometimes I move my mouse to the right side of the viewport and "click" anywhere on the scrollbar track to scroll up/down the page. With the way svrollbar is currently implemented there's no way to do that because it completely adds/removes the scrollbar from the DOM if there's no scrolling. It would be more ideal if the svrollbar was always there but transitioned to opacity: 0 if there was no scrolling or hover detected. But if the user scrolled or hovered over the track it would fade in and if the user clicks on a part of the track it would scroll to that position.

daylilyfield commented 2 years ago

i have just released v0.11.0 that has a new feature initiallyVisible. enabling this property, scrollbar is visible if content is scrollable and content does not scrolled yet.

madeleineostoja commented 2 years ago

Amazing! Thank you for the quick fix!

oneezy commented 2 years ago

Amazing! Thank you for the quick fix!

@madeleineostoja he didn't fix the issue mentioned here

madeleineostoja commented 2 years ago

Oh true, I hadn't tested initiallyVisible yet. Couldn't you achieve that behaviour with alwaysVisible and your own CSS on the scrollbar? Though I do think that alwaysVisible should only apply if the area is scrollable (ie: content > 100% height of container), which isn't the current behaviour

oneezy commented 2 years ago

Couldn't you achieve that behaviour with alwaysVisible and your own CSS on the scrollbar?

yeah i suppose that would be a pretty simple fix @madeleineostoja though there would be that 100% height issue you mentioned.

. . .

I also said this above but it doesn't really apply to this particular issue,,

Sometimes I move my mouse to the right side of the viewport and "click" anywhere on the scrollbar track to scroll up/down the page.

I guess it would be the next step though 😜 I can create a separate issue/ feature request for that if you'd like

madeleineostoja commented 2 years ago

Made a more specific issue for that https://github.com/daylilyfield/svrollbar/issues/9