HTML SideNav具有负位置和不工作折叠按钮的图标

时间:2017-09-12 15:41:29

标签: javascript html css bootstrap-4 display

我的页面有两个问题。

第一: 我的页面右侧有3个可悬停的按钮。它们应该像these buttons一样工作,但在我的页面上,您可以滚动查看它们在页面“外部”的位置。我猜显示有问题,但我不知道怎么做对。有人知道如何解决这个问题吗?

第二: 当你缩放到足够的频率(波纹管最大宽度:992px)时,我的导航栏将移动到sideNav,应该有折叠按钮“Přihlásitse”,它应该从bootstrap激活崩溃并显示表单,但这也不起作用...我不知道为什么。 :/

There is a page!

1 个答案:

答案 0 :(得分:0)

关于按钮有很多方法可以实现这样的行为,但是根据您当前使用快速修复的标记,您应该考虑将overflow: hidden添加到容器中,例如body在您的情况下并将按钮块(.SideIconNav)移至absolute位置,将.main移至relative,并且不要忘记z-indexe's

关于表单 - 您在event.stopPropagation();上添加#mySidenav,在点击按钮之前取消点击事件