Lion-like scrollbar with jQuery?
Interesting stuff, I wrote a plugin that does just that. It’s called LionBars.
Interesting stuff, I wrote a plugin that does just that. It’s called LionBars.
Sorry to bring this back from the dead but I have just run in to this limitation and came up with my own solution. It’s a bit hacky but stick with me … The idea is to add a 100% width invisible iframe to the page and listen for resize events on it’s internal window. … Read more
I just ran into this problem, and discovered that the fix was to set overflow: hidden on the HTML tag of the page inside the iframe.
Just figured out a pretty passable solution (at least for my version of this problem). I assume the issue with width: auto is that it behaves similarly to width: 100vw; the problem is that when the vertical scrollbar appears, the viewport width remains the same (despite the ~10px scrollbar), but the viewable area (as I’m … Read more
Like the previous answers, you would use overflow:hidden to disable the scrollbars on the body/div. Then you’d bind the mousewheel event to a function that would change the scrollTop of the div to emulate scrolling. For arrow keys, you would bind the keydown event to recognize an arrow key, and then change scrollTop and scrollLeft … Read more
Edit: The solution that I gave with overflow: overlay still works in browsers like Google Chrome and you can still see my answer below. However, overflow: overlay was marked depreciated. Whether an alternative solution exists, is unknown, but the one mentioned below still works for Google Chrome. From what I understood from https://github.com/w3c/csswg-drafts, is that … Read more
No, you can’t make them always show, but you can make them temporarily flash. [myScrollView flashScrollIndicators]; They are scroll indicators, not scroll bars. You can’t use them to scroll.
Setting overflow: hidden hides the scrollbar. Set overflow: scroll to make sure the scrollbar appears all the time. To use the ::webkit-scrollbar property, simply target .scroll before calling it. .scroll { width: 200px; height: 400px; background: red; overflow: scroll; } .scroll::-webkit-scrollbar { width: 12px; } .scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; … Read more
Put the content that needs to be scrolled in a div with overflow: auto. Around that content div put a div with your rounded corners and overflow: hidden. Now you can see the scroll bar but its outer corners are hidden and are not disturbing the rounded corners of the outer div. Example: // Insert … Read more
I’ve found a way to solve this (thanks to user pskink), by using the callback of LayoutManager: final LinearLayoutManager layoutManager = new LinearLayoutManager(getActivity(), LinearLayoutManager.VERTICAL, false) { @Override public void onLayoutChildren(final Recycler recycler, final State state) { super.onLayoutChildren(recycler, state); //TODO if the items are filtered, considered hiding the fast scroller here final int firstVisibleItemPosition = findFirstVisibleItemPosition(); … Read more