I want my tab content area to have a vertical scrollbar to the right using the jQuery UI Slider API. The tab content area will have a fixed height, and the vertical overflow needs to cause a jQuery UI Slider to appear to scroll through the content.
The specific issue I'm having trouble with is how to structure the HTML and what to style each element with in CSS.
Why do you want to use slider as a scroll bar?
Normally, you should simply pick a scroll bar plugin and go with it, instead of trying to make a control to do what it is not designed for.
This page lists a few jQuery plugins for scoll bars. Here are a few of them:
jScrollPene (demo)
jQuery Custom Content Scroller (demo)
Tiny Scrollbar
But, if you insist using jQuery UI Slider, someone has already made this work, with a demo page.
Related
I have a tooltip that references a bar chart visualization with more rows than can be displayed at once. When I apply this tooltip to a report visual and hover over it I cannot click and drag the scrollbar without closing the tooltip itself, nor can I use my mouse's scrollwheel to slide the scrollbar either.
Apart from adding the tooltip visual to my report page, is there a setting or toggle to lock the tooltip in place or otherwise make the scrollbar usable in Power BI?
Users currently cannot interact with objects on report page tooltips (scrolling, visuals like slicers, etc.). Best to resize the tooltip page height or re-think the visual (e.g. "Top 5" in bar chart only) to avoid the scrollbar if possible.
More Info about that
I'm trying to use the Google Sign-In button in a fullscreen Angular Material layout (based on https://github.com/angular/material-start), but as soon as it renders, the page layout grows just slightly taller than full screen. For example you can scroll down just a little bit past the supposedly full-height side navigation and see its drop shadow.
What is the button doing to my layout, and how do I fix fullscreen layout while using the button?
This can be fixed by adding a style to the embedding page, to display: none the iframe, which is otherwise a 1-pixel affair shoved offscreen to the side. In my testing it still does its job when completely hidden.
im using Phonegap and jQuery mobile. ive got a standard page with tabs at the bottom as buttons. when i transition to a page the scrollbars appear at the bottom as the page slides in. can i hide the scrollbars when the page is sliding in?
Is there any way to stop selectmenu to hide active page if screen height is smaller as compare to height of custom selectmenu dropdown? i want to show consistent behavior
Thanks and regards
I'm using a jquery UI dialog to have users accept a Terms & Conditions popup where the content is too long to fit in the popup's height. So a scrollbar appears when the dialog pops up, but it opens with the scrollbar at the bottom.
This doesn't seem to be possible through the dialog options.
Anyone know of a way to get the dialog to open with the scrollbar at the top?
Like commented above you might have an element at the bottom of the dialog's content that initially receives focus, which causes the scroll bar to scroll to that element when the dialog opens. You can try the workaround in the comment, which should work if the problem is indeed caused by a focus issue. Alternatively, you can manually scroll the dialog's content to the top. You can accomplish this by specifying an open callback and scrolling the dialog's content to the top position in there, like so:
$("#dialog").dialog({
open: function () {
$(this).scrollTop(0);
}
});