问题标签 [off-canvas-menu]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
452 浏览

joomla - Joomla Offcanvas 菜单错误

如何让我的主菜单在我的手机上工作?我尝试解决一些“offcanvas”模块错误。

当我在手机上点击主页上的链接时,出现此错误

将模块发布到“offcanvs”位置。

” 拼写那样。“Offcanvs”。没有“a”。 在此处输入图像描述 这个问题是 3 年前描述的offcanvas 菜单链接断开 ,但我无法理解,我是 Joomla 的新手。

请帮我!

0 投票
1 回答
772 浏览

zurb-foundation - Zurb Foundation - 关闭画布动画后的回调

我在这样的基础中使用标准示例进行画布外导航......

我正在寻找一种在动画完成后触发 jquery CSS 函数的方法。

到目前为止我有这个..

但这会在单击打开按钮时触发,有人知道我是否可以使用任何回调或类似的东西,以便仅在关闭画布动画完成后应用 CSS?

0 投票
1 回答
604 浏览

javascript - Offcanvas 菜单背景不透明

网站:www.rascomed.com

调整页面大小时,顶部菜单中会弹出一个小菜单按钮。菜单按钮触发画布外菜单。我希望图像上显示的背景是透明的,因此用户可以看到网站,而不仅仅是空白画布。

我只想补充一点,该功能有时有效,有时无效。

画布外

JS

CSS

0 投票
0 回答
129 浏览

joomla - helix3 设计的画布外菜单在我网站的移动模式下消失了

我正在使用 helix3 构建一个带有画布菜单的波斯语(rtl)网站。使用“响应式网页设计测试仪”或其他测试工具进行测试时,该网站在所有模式(移动/桌面)下都能正常工作。但是,当使用平板电脑或 ipad 浏览网站时,画布菜单会出现一两秒,然后令人惊讶地消失(它在 iPhone 7 上运行良好)。我正在使用 helix3、joomla 3.8.10 和 jquery v1.12.0。

我的网站:www.bapgroup.ir

任何帮助将不胜感激。

0 投票
2 回答
556 浏览

javascript - 当您单击 datepicker 时,Bootstrap offcanvas 会阻止关闭 offcanvas

当我在菜单内的表单中使用日期选择器并单击日期选择器按钮时,我遇到关闭画布菜单的问题。

过去 2 天我一直在绞尽脑汁,但我无法修复它,而且在我搜索的所有地方都找不到解决方案。

我将jquery uidatepicker 与 bootstrap offcanvas 结合使用iamphill

https://github.com/iamphill/Bootstrap-Offcanvas

我在一个输入上的 offcanvas 菜单和 datepicker 字段中有一些输入,当我打开菜单并单击 datepicker 上的任何日期或上一个/下一个日期时,offcanvas 菜单会自行关闭。

在这里粘贴代码很长,所以我做了codepen示例

https://codepen.io/lonerunner/full/dapzNX

如果你看一下,你会在右上角看到一个黑色的小方块,当你点击正方形时,offcanvas 菜单将打开,第三个输入字段是 datepicker,当你点击 datepicker 时将打开,如果你点击下个月,offcanvas 菜单将关闭。

如果有人知道如何防止关闭,我将很高兴。

0 投票
1 回答
284 浏览

javascript - 画布外菜单滑入时如何使主要内容变暗

我有一个从左侧滑动以覆盖页面的非画布菜单。我的页面的构建块是 div。我调用 javascript 函数来打开和关闭画布外菜单。我的主要内容保持在滑动菜单下。我在寻找使主要内容变暗并阻止对其进行任何点击的解决方案方面遇到了问题。

我尝试使用属性背景: rgba(0, 0, 0, 0.5) !important; 对于在画布外菜单和主内容之间具有 z-index 的附加 div,但没有任何结果。谷歌搜索,也在这里,但没有找到我要找的东西。而且我不想使用 Bootstrap 或其他库,以使项目尽可能轻。这是我的代码:

现在菜单根据需要滑入和滑出,但我在找到一个整洁且运行的解决方案时遇到了问题:1)使菜单下的主要内容区域变暗;2)拦截对主要内容区域的任何点击,或者在点击关闭菜单时忽略它;3) 阻止主要内容的 y 滚动,因为它还会拉出画布菜单以跟随它,从而给出截断的侧菜单区域的外观。

0 投票
1 回答
225 浏览

javascript - jQuery - 重置元素的高度不起作用

我想要做的是从画布菜单中获取下拉菜单的高度并将其设置为 UL,以便它覆盖菜单当前所在位置的高度。所以如果下拉菜单的高度很长,它所在的 div 应该展开并且边框底部应该始终可见。

如果您单击 Corporate 几次,然后单击 SME,然后返回 Corporate,则企业下拉菜单位于 DIV 的顶部,并且高度不会被重置。我在解释东西时很糟糕,所以看看这里的网站:Site URL

这是 jQuery

截图:截图链接

0 投票
1 回答
81 浏览

javascript - 如何使用类似于 mmenu 的 jQuery 制作具有多级滑动窗格的 offCanvas 菜单?

我想马上接受,那里有很多图书馆,并且有很多关于 SO 的类似问题。但没有人能解决我手头的问题。

我创建了一个受 mmenujs 启发的类似 OffCanvas Mobile 的滑动菜单

为了实现这一点,我采用了制作<div>具有不同值的窗格z-index然后翻译它们的锚点单击的方法。

on.("click",function(){});有没有一种方法可以在单击适当的链接时使用 jQuery自动创建以打开相应的窗格。

到目前为止,这是我的代码:

如果有更好的方法来处理这种菜单,请指导...

0 投票
2 回答
308 浏览

javascript - 关闭画布菜单 - onclick 功能问题

我目前正在处理一个个人项目——对前端世界来说是个新手。

我在菜单中有一个非画布幻灯片,但是在第一次单击切换按钮后我无法再次打开它。

我正在使用 onclick 函数,然后使用 CSS 来构建进出视口的过渡。

不知道我哪里出错了,所以会很感激一些帮助!

这是我的代码:

CSS

JS

0 投票
0 回答
32 浏览

javascript - 如何在另一个 PHP 文件中使用方法创建元素 (JS)?

我从“https://www.100percent.com/”(移动版)复制了一个移动菜单。我的 HTML 本地页面运行良好,但是当我将代码放入 PHP“header.php”时,该解决方案无法完全运行。

包含 Drawer Is Visible 的 DIV 未创建且不出现。

该网站是“https://m.intensebikeshop.com.br”。

这些图片显示了差异。

A:我的 PHP 页面在线

B:我的本地 HTML 页面

该方法之前创建了2个div </body>,但是这个标签是footer.php文件。也许这是我不确定的问题。

我的页面由 3 个文件(header、home-page 和 footer.php)组成。

我尝试使用 z-index。但我认为问题在于方法。我看到 JS 文件没有创建 DIV。

JS文件为:主题文件JS