javascript - 侧面菜单不会在移动设备上滚动

标签 javascript jquery html css navbar

我的网站上有一个侧边菜单。它在 PC 上运行良好,但在移动设备上无法滚动。我在我的 iPhone 5 和 iPad 上试过了,但效果不佳。此外,切换按钮在 Internet Explorer 上不起作用。我现在被这个问题困扰了一个星期,它变得令人沮丧。

URL 是:www.koddersleri.com,网站是我的母语。

JSBin:https://jsbin.com/zeqolacoke/1/edit?html,css,js,output

这个侧边栏来自:http://bootsnipp.com/snippets/featured/admin-side-menu并做了一些修改。 感谢所有帮助。

编辑:实际上我注意到您必须在移动设备上触摸菜单几次才能开始工作。但这仍然不好。

谢谢

最佳答案

您需要将 overflow-y: scroll; 添加到您的 css 中的不同元素。

@media (max-width: 768px) {
    .side-menu-container > .navbar-nav {
        overflow-y: scroll;
    }
}

关于javascript - 侧面菜单不会在移动设备上滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35466641/

相关文章:

javascript - HTML 表单 JS 验证

ajax - jQuery .load() 等待内容加载完成

html - 如何编辑 .mht(网络存档)文件?

javascript - 在 ul li 中滚动行为异常

php - 如何循环并写入表格单元格

php - javascript php数组

javascript - HTML base href 和 A​​ngular APP_BASE_HREF 有什么区别?

javascript - 如何通过点击的类获取元素的索引

javascript - 为什么 jquery "when promise"在此代码段中不起作用?

javascript - 在 javascript 中打印图像数组时出现问题