jquery - 尝试设置从右侧滑入的 Jansy-bootstrap offcanvas 菜单

标签 jquery css firefox

我已经设置了所有内容,当菜单从左侧滑入时一切正常,但是我需要它从右侧滑入。目前,从右侧使用时,菜单只会出现而不是过渡进入。

如果您查看 jsfiddle 链接,您就会明白我的意思。把右边注释掉,用左边看看两者的区别。

<div class="navmenu offcanvas-sm navmenu-default navmenu-fixed-left">
Works

<div class="navmenu offcanvas-sm navmenu-default navmenu-fixed-right">
works but I doesn't slide, just appears.

https://jsfiddle.net/1eddy87/8bgLs0bn/

* 更新:问题似乎只发生在 firefox *

有什么想法吗?

最佳答案

好吧,我以前从未使用过(或听说过)Jansy-bootstrap,但谷歌了一下,发现 this ,这是有道理的。

基本上,您似乎需要将以下内容直接添加到 Bootstrap CSS 或您自己的 CSS 文件中(可能更好,因为我不喜欢更改任何框架的核心文件!)

.navmenu-fixed-right {
   left: auto !important;
}

虽然对我来说似乎有点临时补丁 - 最好将此错误通知框架开发人员。

可以看到现在在 Firefox 中工作 here

关于jquery - 尝试设置从右侧滑入的 Jansy-bootstrap offcanvas 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31268113/

相关文章:

html - 表单样式 - 为什么我的输入会溢出表单?

javascript - Document.querySelector() 不适用于 bootstrap css

firefox - css3 不会在 w3c valdidator 中验证

c# - 如何去Jquery中的函数定义?

javascript - 单击和双击问题

javascript - 用于阻止页面在新选项卡中打开的 HTML 代码

android - 手机上的图片不会显示

javascript - Firefox 中保存的密码发送空字段

javascript - 旋转和不透明度导致 Firefox 中的文本呈现问题

了解用户何时更改表单上的内容的 Javascript 事件