下拉菜单越过页面底部 [英] Drop down menu going past the bottom of page

问题描述

在

我无法进一步滚动以完全查看最后一个值.如果它有帮助，我正在使用这个 JavaScript 库:

http://materializecss.com/

解决方案

你可以把overflow-y:scroll;在包含的 div 上.我将看一下最后一个问题，但我很确定这会满足您的要求.

这是一个带有示例的 js 小提琴:https://jsfiddle.net/512263gx/

.row {背景:粉色；高度:45px；宽度:100%；位置:固定；z-索引:10；溢出-y:滚动；}

• div 应该可以让你向下滚动.

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:

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

http://materializecss.com/

解决方案

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.

这篇关于下拉菜单越过页面底部的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！