无法将MaterializeCSS sidenav列表滚动到底部

文章/答案/技术大牛

发布

1回答

html、jquery、css、materialize

我已经解决了大部分问题，但我仍然无法滚动到sidenav列表的末尾。我已经添加了一些自定义样式，但我不认为这是干扰它。我不太确定哪里出了问题。运行代码并尝试将左侧的sidenav一直滚动到底部。它会停止滚动屏幕外的某处，并且最后一个列表元素永远不会变得可见。 <!DOCTYPE html>  <a

浏览 15提问于2021-05-08得票数 1

0回答

为什么我的sidenav中的链接不起作用？

php、wordpress、wordpress-theming、materialize

我一直在使用materializecss框架开发一个wordpress主题。我无法让sidenav中的链接工作，sidenav将滑出没有问题，但链接不起作用。下面是指向c9.io框的链接。下面是sidenav的代码 <?

浏览 5提问于2016-12-30得票数 0

回答已采纳

2回答

在materializecss 1.0中初始化sidenav宽度

materialize

我正在从materializecss的旧版本迁移到1.0版本。升级到1.0版后，我无法传递该参数。

浏览 0提问于2018-04-16得票数 0

2回答

物化SideNav移动设备不允许滚动，即使有更多内容

javascript、html、css、materialize

我注意到，如果移动设备的屏幕不够大，它会隐藏SideNav的其余部分，但无法向下滚动。为什么Materialize不允许<em

浏览 1提问于2018-01-04得票数 0

1回答

工具栏下的全高度边框(交叉设备)

css、angular、angular-material2

我将sidenav设置为100%的屏幕高度：<md-toolbar>etc</md-tooblar> 我的路线之一指的是这样的sidenav：<md-sidenav-container> <md-sidenav #sidenav mode=&quo

浏览 0提问于2017-07-30得票数 0

回答已采纳

1回答

有固定标签(粘性标签)的角质材料2标签

css、angular-material2

我有一个布局使用角质材料2 mat-sidenav布局与垫标签布局在mat-sidenav-content部分。有没有一种方法，我可以得到我的粘性标签和滚动也不设定一个固定的高度？“好的，”达科他州制造商的回答解决了眼前的问题，同时也提醒了我，我最初想要修复的东西使我无法滚动。在s

浏览 2提问于2018-08-07得票数 3

回答已采纳

4回答

创建具有固定页眉、固定侧边栏、固定内容部分的布局，使用角材料/Flex-角度布局

css、angular、flexbox、angular-material2、angular-flex-layout

不使用浏览器滚动，只使用div滚动，并且非常适合浏览器视图。> <div class="my-content">Maincontent</div>此外，

浏览 8提问于2017-04-23得票数 13

1回答

Vue手表没有触发页面刷新/重发

vue.js、vuex、vue-router

它的工作原理是，sidenav隐藏在登录、注销和注册时。但是，我注意到，当我在通过身份验证的页面(如管理面板或仪表板等)上时，组件将正确显示，但当/如果有人重新加载该网页时，该组件将消失，只会在单击指向另一个页面的链接时显示。App.Vue <div id="app"> <sidenav v-show="sidenav</e

浏览 1提问于2019-03-07得票数 1

回答已采纳

2回答

不重叠其他内容的粘性页脚容器

html、css

我有一个sidenav，它有一个带有社交媒体上下文的容器，这个容器是用来粘在sidenav底部的，它跨越整个视图-端口高度，如下所示： height: 100%;sidenav-inner { height: 100%;我的问题是，如果我将社交媒体

浏览 4提问于2018-01-11得票数 1

回答已采纳

1回答

Materializecss SideNav不与流体宽度闭合

jquery、materialize

我正在使用Materializecss进行项目重建，在使用第二个sideNav时遇到了一个小问题。$('.button-collapse-right').sideNav({ edge: 'right

浏览 2提问于2016-03-19得票数 0

1回答

角度材质CDK覆盖滚动块在导航侧边栏中不起作用

angular、angular-material、angular-cdk

我正在将CDK覆盖添加到mat-sidenav。我想在覆盖打开时阻止在mat-sidenav上滚动。我创建了滚动被阻止的覆盖图： scrollStrategy: this.overlay.scrollStrategies.block(),我不会用mat-sidenav做任何特别的事

浏览 32提问于2020-03-07得票数 4

1回答

Boostrap：..affix底部不会移动到其父节点的底部

css、twitter-bootstrap

当您向下滚动到导航所引用的元素的底部时，类..affix底部将应用于导航元素，并且它应该滚动(就像中的侧导航一样)。 $('.nav.nav-list.bs-docs-sidenav'

浏览 1提问于2013-07-02得票数 0

1回答

使用CDK虚拟滚动将宽度动态设置为100%的内容[角度材质]

css、angular、angular-material、angular-cdk、angular-cdk-virtual-scroll

我尝试实现一个包含角度材料扩展面板列表的Sidenav。当我使用ngFor-指令时，布局看起来很好，就像我想要的一样。正如您在图像中看到的，它将视图扩展到Expansion-Panel-content宽度的100%。。使用ng-For-directive的Stackblitz：但是使用这个，我无法将列表的宽度设置为100%。取而代之的是水平滚动条。Stac

浏览 26提问于2021-06-13得票数 0

2回答

在角质2材料中添加粘性FAB

css、angular、angular-material、angular-directive

我想添加一个粘性按钮在屏幕底部(而不是页面)在我的角质2材料项目。我尝试了一些调整，但目前，当我滚动按钮，不停留在原来的地方。在滚动之前，如下所示：后卷轴：元素的HTML模板： <md-icon>add</md-icon>应用于元素的CSS，但任何默认值除外更新：<toolbar></toolbar> <si

浏览 1提问于2017-04-30得票数 2

1回答

如何强制一个div到视图的顶部/底部，同时又不将它从文档流中取出？

css、flexbox、css-position

我想知道如何才能使蓝色div“粘贴”到页面的顶部和底部(因此，您不能在页面上方滚动)而不破坏文档流(我不希望它与内容div重叠)。代码片段中有一个粗略的版本。如果我离开它相对，你可以滚动它(我希望它停留在顶部: 0，底部:0，一个完整的100 at与它自己的滚动)。* {} display: flex; .sideNav</e

浏览 0提问于2021-10-11得票数 1

2回答

如何在Twitter引导2.1.1中使用词缀组件

twitter-bootstrap

我试图通过跟踪在最新版本的twitter引导程序中使用词缀组件，但我无法让它工作。下面是中的示例 sidenav的样式不像引导那样。

浏览 5提问于2012-09-17得票数 2

回答已采纳

4回答

Windows 10 ScrollIntoView()没有滚动到列表视图中间的项

c#、visual-studio、xaml、windows-10、uwp

我想以编程方式滚动Listview。将滚动列表视图到第一项。将列表视图滚动到页面底部。Eg: ListView?.S

浏览 5提问于2015-09-14得票数 19

回答已采纳

1回答

如果展开的菜单行溢出，则滚动菜单

javascript、jquery、html、css

如果Dropdown是在容器底部展开的，那么如果不手动向下滚动，我就无法看到菜单项：如何使它在该位置展开Dropdown并自动向下滚动(如果需要)足以显示所有子项？, full height */ height: 170px; position: fixed; top:0; background-color: #111;

浏览 2提问于2020-03-16得票数 1

回答已采纳

1回答

Sidenav可折叠，不像其他<li>的

css、materialize

我有一个使用Materializecss的sidenav，我需要侧边栏上的下拉列表，但是我无法让它与我的其他字段保持一致。<i>和<a>不像sidenav的其他部分那样居中。materialize/1.0.0/js/materialize.min.js"></script> $(document).ready(function(){ $('.<e

浏览 2提问于2019-04-14得票数 0

回答已采纳

2回答

物化导航栏在Meteor中不起作用

javascript、jquery、meteor、materialize

material-icons">menu</i></a></nav>建议使用以下代码初始化导航栏折叠功能(来自materialize文档) $(".button-collapse").sideNav另外，如果你看我下面的导航条码，下拉列表也包括在内。但是，使用materialize文档中推荐的代码，下拉菜单将不起作用。推荐的代码如下。

浏览 4提问于2015-12-25得票数 0

点击加载更多