Giter Site home page Giter Site logo

Comments (9)

daylilyfield avatar daylilyfield commented on August 22, 2024 1

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.

from svrollbar.

madeleineostoja avatar madeleineostoja commented on August 22, 2024 1

Amazing! Thank you for the quick fix!

from svrollbar.

daylilyfield avatar daylilyfield commented on August 22, 2024

@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).

from svrollbar.

madeleineostoja avatar madeleineostoja commented on August 22, 2024

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

from svrollbar.

oneezy avatar oneezy commented on August 22, 2024

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.

from svrollbar.

oneezy avatar oneezy commented on August 22, 2024

Amazing! Thank you for the quick fix!

@madeleineostoja he didn't fix the issue mentioned here

from svrollbar.

madeleineostoja avatar madeleineostoja commented on August 22, 2024

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

from svrollbar.

oneezy avatar oneezy commented on August 22, 2024

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

from svrollbar.

madeleineostoja avatar madeleineostoja commented on August 22, 2024

Made a more specific issue for that #9

from svrollbar.

Related Issues (17)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.