链接代码有一个固定的标头div。
当单击汉堡包图标时,我使用javascript在左边添加一个菜单项。这也是一个固定的div。
添加菜单div时,报头div似乎恢复到相对位置,并跳转到主内容div的顶部。向下滚动一根头发,然后点击汉堡包,你就会明白我的意思。
我在这里遇到了什么问题?当用户点击汉堡包时,我希望标题保持固定,并像其他内容一样直接翻译到右边。
<em>too much code to paste</em>
我在bootstrap下拉资源上创建了一个移动菜单。
它必须这样工作:当你点击汉堡包菜单图标时,它会打开,如果你点击关闭图标,或者在菜单项之外,它就会关闭。
在桌面上,使用鼠标光标可以很好地工作,但使用移动触摸时,当您单击菜单项时,菜单会自动关闭。
遵循下面的演示:
我的脚本:
// Insert class on the body when mobile menu is opened
$(function() {
$('.no-touch .main-header__nav .dropdown.mmenu').on('click', function(
我用一个复选框创建了一个纯CSS汉堡菜单..。但是,当我点击汉堡包“复选框”时,它并没有显示菜单.
#menulist { /* Hide Menu when in mobile */
display: none;
margin-top: 50px;
background: #101010;
}
#btn-chk:checked ~ #menulist { /* This SHOULD show the menu */
display: block; /* This isn't working ... display remains at "
使用一个框架(物化-css),它建议我在“$(文档).ready(function(){})”中放置以下内容,以使响应性可折叠菜单工作:
$(".button-collapse").sideNav();
我如何在角度上做到这一点?我知道ngAfterContentInit类似于'$(文档).ready(function(){}‘):
ngAfterContentInit(): void {
//What do I put here?
}
在下面,您可以看到一个截图,其中显示了汉堡包图标(仅在移动屏幕大小上可见):
以下是我的html (app.compone