Menu with top and bottom scrollbars - coldfusion

I have a web-site that uses CFMENU, which is essentially yui.
The top of each page contains a fixed div, and the menu sits within this fixed div. When scrolling is necessary on the main portion of the page, it scrolls under this fixed div.
When a menu drops down when a page is scrolled all the way to the top, the menus drop down fully.
When the page is scrolled to the bottom, the menus display top and bottom scroll bars and the menus only display half their contents.
When I inspect the menu in firebug, there are two empty divs with "topscrollbar" and "bottomscrollbar" classes that appear.
Is there any way to prevent this?
FYI - When the menu is removed from the fixed div portion of the screen, there are no problems at all with the menus.

Related

Declare bottom zone in a SwiftUI navigation sidebar below a list

In the below screenshots (taken from the Apple Developer app), we can see that the Account button sticks to the bottom of the sidebar.
When the window is tall enough (left), the list doesn’t scroll, Account button’s background color has no difference. When the window is not tall enough (right), causing the list to scroll, Account button changes its background color to reveal the relationship.
The list's scroll position can not be probed. How can I declare the Account button in SwiftUI?
That app is a UIKit catalyst app and the sidebar uses scrollViewDidScroll which uses the contentSize to set a bottomButtonState which is passed into a child UIHostingController (so the account button can be SwiftUI) which I would assume switches between a clear or solid background.
We cant get the scroll info in SwiftUI however a possible workaround would be to add dummy 1 pixel high cell to the bottom of the list and using its onAppear to set a binding that is used in a bottom view to enable/disable a background colour and should achieve the same effect.

Bootstrap dropdown menu not scrollable inside ember-perfectscroll

I'm showing a few lists of items under different categories in kanban view. In each item-list, I use ember-perfectscroll to scroll through the items vertically. And in each item-card, I have bs-dropdown to select from a list of sub-categories. Everything works fine until the item-list grows bigger and needs to be scrolled.
When I want to open and scroll inside sub-categories dropdown menu, the item-list is getting scrolled instead. I'm able to scroll sub-categories menu only for the items which are at the end of the item-list.
How can I make the dropdown menu scrollable by suppressing perfect-scroll ?

How To Remove Nested Navigation Bars?

I have a Navigation view and I created a button to go back to the previous view, after I clicked on it several times, it displayed a nested Navigation view.

Multiple bootstrap Modal scrolling issue

The scenario is. I have my main page where i already have scrolling. Where i am opening one bootstrap dialogue which is also bigger and the scroll is showing and scrolling the dialogue. In this big dialogue i have opened one more dialogue which is smaller one which remove the scroll. after i close this small dialogue the scroll is coming back on the back but it is not scrolling the dialogue. The scroll is working for the main page.
So how to handle this situation?
Thank you in Advance.
Hrushikesh

Float a control over a CView

I've got an app that uses several CView-derived classes (actually CScrollView) to display document data. For one particular view, I want to add a fly-out edit box to add notes. That is, you'd see a tab at the bottom of the window labeled "Page Notes", and clicking on that would bring up the edit box. Clicking the tab while the edit box is visible would reduce it back to just the tab.
I thought I could use a one-tab CTabCtrl holding an edit box and just position it so that only the tab is visible initially. Capture the tab click notification and move the entire control, with edit box, into view. Clicking the tab again would move it back down so only the tab is visible.
Hosting the CTabCtrl on the CView is fine, and I can get it positioned correctly. The problem is that if the view is scrolled, the tab control is scrolled along with it, whereas I need it to "float" over the view and not be affected by any scrolling. I can move it back into place after the scroll, but the flickering is unsightly.
Is there a straightforward way to accomplish the "floating" effect? I mainly want the tab embedded in the view for maintenance, since it's the only view class out of the several in use that needs the "Page Notes" feature.
Should I just buckle down and put the tab in the view's parent window instead? I know it won't be affected by scrolling there, but I like the idea of keeping the tab as part of the view if possible.
It sound like the tab is functioning like a button. You click the tab and a fly out edit box appears. You could use a modeless dialog.
Select the "Page Note" and the modeless dialog comes up to edit your notes allowing you to scroll your view under the dialog.