Solved: A shortest scrollbar click detection I could come up with, tested on IE, Firefox, Chrome. var clickedOnScrollbar = function(mouseX){ if( $(window).outerWidth() <= mouseX ){ return true; } } $(document).mousedown(function(e){ if( clickedOnScrollbar(e.clientX) ){ alert(“clicked on scrollbar”); } }); Working example: https://jsfiddle.net/s6mho19z/
Perhaps the simplest solution is to make a global binding for the mousewheel. It will then fire no matter what widget is under the mouse or which widget has the keyboard focus. You can then unconditionally scroll the canvas, or you can be smart and figure out which of your windows should scroll. For example, … Read more
This can be done in WebKit-based browsers (such as Chrome and Safari) with only CSS: ::-webkit-scrollbar { width: 2em; height: 2em } ::-webkit-scrollbar-button { background: #ccc } ::-webkit-scrollbar-track-piece { background: #888 } ::-webkit-scrollbar-thumb { background: #eee } JSFiddle Demo References: Custom Scrollbars in WebKit | CSS-Tricks WebKit scrollbar demo from CSS-Tricks 15 Different scrollbar configurations
try using the setOnScrollListener and implement the onScrollStateChanged with scrollState setOnScrollListener(new OnScrollListener(){ public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { // TODO Auto-generated method stub } public void onScrollStateChanged(AbsListView view, int scrollState) { // TODO Auto-generated method stub final ListView lw = getListView(); if(scrollState == 0) Log.i(“a”, “scrolling stopped…”); if (view.getId() == … Read more
Flexbox is a modern alternative that lets you do this without fixed heights or JavaScript. Setting display: flex; flex-direction: column; on the container and flex-shrink: 0; on the header and footer divs does the trick: HTML: <div id=”body”> <div id=”head”> <p>Dynamic size without scrollbar</p> <p>Dynamic size without scrollbar</p> <p>Dynamic size without scrollbar</p> </div> <div id=”content”> … Read more
I stumbled on this question a few days ago when I ran into this situation. Here is my example implementation of FastScroll for RecyclerView: github.com/danoz73/RecyclerViewFastScroller Try running the example application, and peruse the code to see a fairly simple usage of a simple RecyclerViewFastScroller widget. There is information on github, but I’ll include the basic … Read more
You can easily do it with a Panel Control Insert a panel to your form, say panel1 and set panel1.AutoScroll = true; insert a PictureBox to the Panel, say picture and set picture.SizeMode = PictureBoxSizeMode.AutoSize; and set the Image picture.Image = bmp;
Try this: <ListView … android:scrollbarStyle=”outsideOverlay” />
You can calculate the maximum value of element.scrollLeft with: var maxScrollLeft = element.scrollWidth – element.clientWidth; Note that there could be some browser specific quirks that I’m not aware of.
You can see an example below, basically forget adding margin or padding there, just increase the width/height of scroll area, and decrease the width height of thumb/track. Quoted from how to customise custom scroll? body { min-height: 1000px; font-family: sans-serif; } div#container { height: 200px; width: 300px; overflow: scroll; border-radius: 5px; margin: 10px; border: 1px … Read more