- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
这实际上是位于 here 的 Jasny 的“Off Canvas Reveal”演示.我所做的只是扩展页面内容,以便它需要一个滚动条。
单击汉堡菜单后,页面内容会卡住/不可滚动。如何解决此问题?我希望能够在菜单关闭时继续滚动页面。
CSS:
html, body {
height: 100%;
}
.navbar-toggle {
float: left;
margin-left: 15px;
}
.navmenu {
z-index: 1;
}
.canvas {
position: relative;
left: 0;
z-index: 2;
min-height: 100%;
padding: 50px 0 0 0;
background: #fff;
}
@media (min-width: 0) {
.navbar-toggle {
display: block; /* force showing the toggle */
}
}
@media (min-width: 992px) {
body {
padding: 0;
}
.navbar {
right: auto;
background: none;
border: none;
}
.canvas {
padding: 0;
}
}
最佳答案
你只需要添加
html,
body{
overflow-y:scroll!important;
}
默认情况下,jasney 添加 overflow:hidden;
到 body
Jsfiddle http://jsfiddle.net/z3wfct19/1/
关于html - Bootstrap/Jasny "offcanvas"侧边栏菜单卡住页面内容(即防止滚动),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32752603/
当我在菜单内的表单中使用日期选择器并单击日期选择器按钮时,我遇到了关闭 Canvas 菜单的问题。 过去两天我一直在绞尽脑汁,但我无法修复它,而且我搜索的所有地方都没有找到解决方案。 我正在使用 jq
我最近发现了有关 twitter bootstrap 的信息,并且我一直在深入研究最新版本 Bootstrap 3。在该网站上,有一个“Off Canvas”模板示例(此处:http://getboo
网站:www.rascomed.com . 调整页面大小时,顶部菜单中会弹出一个小菜单按钮。菜单按钮触发 Canvas 外菜单。我想要背景,如图所示 this图片,要透明,这样用户才能看到网站,而不仅
我使用这个 link 编写了自定义 jQuery Offcanvas用于我的响应式网页。 这是我的代码: jquery代码: $(document).ready(function () {
我试图让 jasny-bootstap offcanvas 菜单从右侧显示,而不是默认的左侧。我已经使用 .navmenu-fixed-right 而不是 navmenu-fixed-left 将位置
我将 bootstrap 与 Jasny bootstrap ( http://www.jasny.net/bootstrap/ ) 一起使用。我正在尝试创建一个导航栏,关闭 Canvas 菜单,就像
这是我的网站:http://vani.valse.com.my/schone_lightings/index.php . 当我使用移动版的 offcanvas 菜单时,页面上的任何链接都无法点击。我认
我想使用 javascript 来关闭关闭 Canvas 区域作为加载 ajax 脚本的结果。 文档说 $('#element').foundation('close', cb); 但没有太多解释 #
我最近得到了 this用于 Canvas 外导航。如果您在他们的演示中看到他们所做的是,如果我们想要关闭侧边栏,则必须单击主体内的任意位置,并且侧边栏中的一个类已被删除以滑出侧边栏。 我想要的是在单击
我正在尝试修改 Boostrap Offcanvas 模板。 工作示例是 http://getbootstrap.com/examples/offcanvas/ : 它非常适合我,我唯一想添加的是通过
这是关于 zurb-foundation 5.3 的。我不知道 scss 所以我使用的是 foundation 5.3 的 css 版本。我非常关注这个 basic example来自基础文档的 of
最近用了很多UIKit框架,慢慢习惯了。 问题是offcanvas。我显然能够让它工作,但我想要的没有发生,我希望它在页面加载时打开,我尝试将 CSS 从无更改为阻止,但尚未更改。 这是 UIKit
使用固定的 Canvas 菜单。当它在 ios 中处于事件状态时,似乎无法禁用 body 滚动。概念很简单,overflow-y:auto; 在 offcanvas 固定菜单中,overflow:hi
我在带有 offcanvas 菜单的 Wordpress 主题中使用 Zurb Foundation 5,这在一般情况下工作正常,但我遇到了一个问题: 除了顶部栏中的汉堡图标外,我还提供了在单击固定位
我使用 jasny bootstrap 插件创建了一个侧边菜单。标记相当简单: which may have nested --> 问题是
我正在使用 offcanvas 组件 ( https://getbootstrap.com/docs/5.0/components/offcanvas/ )。但是我想知道当我在 offcanvas 窗
我有一个简单的 bootstrap 5 offcanvas 元素。这包含指向 html 页面正文中的 anchor 的简单链接。 我将 offcanvas 配置为没有背景并启用 body 滚动。 现在
我的网页中有一个 bottom offcanvas,我会在单击卡片时打开它,方法是尝试设置所需的属性或使用文档中的代码它不起作用,因为 offcanvas 仅显示背景并立即将其关闭. 这是我尝试过的:
我在 offcanvas div 中有一长串链接。这些在表单中是因为我想使用它们来导航很长的背景页面。 (实际上,它是一个目录) offcanvas 愉快地弹出。导航链接有效;将背景页跳转到正确的位置
我有一个offcanvas菜单和一个包含内容的容器。当我向下滚动网站并打开和关闭菜单时,我试图将滚动位置保持在我所在的位置。现在,当关闭菜单时,它会滚动回网站顶部。我猜这是由我为容器提供的一些 css
我是一名优秀的程序员,十分优秀!