CODEWITHSUNDEEP
javascripthtmlcss
Mike
Mike

Reputation: 6839

Drop down menu going past the bottom of page

In a previous Stack question I had some issues setting up two drop down menus to stay at the top of a page, while a list being scrolled. I have everything set up now, but one of my drop down menus is so long that it extends past the bottom of the page:

enter image description here

I cant scroll any further to see the last value fully. If it helps I am using this JavaScript library:

http://materializecss.com/

Upvotes: 1

Views: 1769

Answers (1)

boolean12
boolean12

Reputation: 110

You could put overflow-y:scroll; on the containing div. I'm going to take a peek at the last question, but I'm pretty sure that will do what you're wanting.

edit:

here is a js fiddle with an example: https://jsfiddle.net/512263gx/

.row {
   background: pink;
   height: 45px;
   width: 100%;
   position: fixed;
   z-index: 10;
   overflow-y: scroll;
}
  • the div should let you scroll down.

Upvotes: 1

Related Questions