javascript - 响应式菜单打开

标签 javascript jquery css responsive-design responsive

我的响应式菜单似乎有问题。 首先,我必须说我不是程序员,我懂的代码很少,但不幸的是,我在工作中一直被分配到一些网页设计任务。

我的问题是:网站不是完全响应式的,但“文章”部分是。在 600px 以下,菜单栏被替换为汉堡菜单。 奇怪的是:当点击 hambuger 菜单上的一个部分时,它不会打开网站的整个页面,而是在菜单占用的空间中打开菜单,并保留下面的文章。 奇怪的事情 #2:尽管从模板开始(所以它们应该都是一样的),但它只在某些页面中这样做,而其他页面则正常工作。

Example of page working

Example of page not working

老实说,我不知道出了什么问题。

附言我还没有制作网站,我只是在处理它。

最佳答案

好吧,对于初学者来说,这两个页面没有使用相同的模板。你可以see here “不起作用”的页面具有通过 iframe 加载的菜单。您可以通过更改文章以使用相同的非 iframing 模板来“修复”奇怪的行为,或者您可以将 target="_top" 添加到/articoli/menu_mobile.html 中的菜单链接。

我推荐使用一个非 iframing 模板的一致性,但添加目标可能更快更容易。

关于javascript - 响应式菜单打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43893959/

相关文章:

javascript - JQuery 自动完成下拉菜单位置

javascript - 了解 jQuery 中更改事件中 'this' 的范围

javascript - 将div放入 slider

html - div 元素和显示 inline-block

javascript - 检查事件是否由人为触发

css - 没有相对位置的 overflow hidden

javascript - 这在 javascript 中叫什么? ({name, value}) => <span></span>

javascript - 在 Javascript 中使用按钮退出 for 循环

javascript - Angular 捕获所有浏览器的后退按钮事件

javascript - 如何在向下滚动时缩小动画标题并在向上滚动时放大它?