logo
down
shadow

How to fix this dropup menu in IE?


How to fix this dropup menu in IE?

Content Index :

How to fix this dropup menu in IE?
Tag : twitter-bootstrap , By : user119605
Date : January 12 2021, 07:00 PM

seems to work fine This drop up notification menu doesn't work in IE 11: https://sharebootstrap.com/demo/docu/
.sidebar-wrapper .sidebar-footer .dropdown-menu
{
   top: auto!important;
}

Comments
No Comments Right Now !

Boards Message :
You Must Login Or Sign Up to Add Your Comments .

Share : facebook icon twitter icon

How to make dropup menu using jQuery


Tag : jquery , By : Alex Bartzas
Date : March 29 2020, 07:55 AM
will help you Hi I answered a similar question, don't know if it helps:
dropup menus in CSS?

how to make css dropdown menu a dropup menu


Tag : html , By : Tom D
Date : March 29 2020, 07:55 AM
it should still fix some issue You can try something like this http://jsfiddle.net/ZG2BL/
The idea is, to set the li that holds dropdown ul as position:relative; and the ul dropdown as position:absolute; and give it a positive bottom value so it'll show up above the parent li

Making DropDown menu 'DropUp'


Tag : javascript , By : SpittingCAML
Date : March 29 2020, 07:55 AM
I hope this helps . I am trying to implement a drop up menu. As a starting point I am using an existing drop down menu built using HTML/CSS/jQuery based on CSS trick's Simple jQuery Dropdowns. (As I couldn't get a pure css one to work on touch devices as they relied on hover states.) , Try changing this:
ul.dropdown ul {
    bottom: 100%;
}

Scrollable Dropup Menu in Angular Js


Tag : javascript , By : D B
Date : March 29 2020, 07:55 AM
To fix this issue My Dropup looks like this -> , In your outer most div add this in style attribute
<div class="dropdown-menu" style="height: 200px;overflow: auto;">

Change DropUp Menu From Hover to Click


Tag : css , By : Nicholas Hunter
Date : March 29 2020, 07:55 AM
Hope this helps instead of using the css :hover use javascript to add and remove .hover class to the .dropup-content element when the .dropdown-toggle element is touched/clicked.
.dropup-content {
    display: none;
    /* position: absolute; */
    background-color: #f1f1f1;
    min-width: 160px;
    bottom: 50px;
    z-index: 1;
}
.dropup-content.hover {
    display: block;
}
Related Posts Related QUESTIONS :
shadow
Privacy Policy - Terms - Contact Us © scrbit.com