jquery - 响应式网站中的 CSS/jquery 错误

标签 jquery css twitter-bootstrap mobile responsiveness

首先让我说我是一个非常新手的编码员,但我在问任何问题之前已经在这里和其他地方进行了彻底的搜索......我基本上知道我的网站出了什么问题,但我没有尝试过到目前为止似乎有效。

我正在为我的 friend 制作一个“游戏家族”单页导航网站,作为我的第一个官方实时网站....我决定使用修改后的 Bootstrap 主题而不是从头开始,因为我在这方面还是很新....

网址是www.darknessmilitia.com

我从一开始就遇到的一个主要问题是,当您单击导航中的任何链接时,即使您继续向下滚动页面,它也会保持“事件”颜色,如果您不小心双击链接,滚动会出现几秒钟的故障,几乎就像你在用 jquery 滚动动画玩拔河....

我发现的所有其他错误都只出现在移动视口(viewport)上。

1.当在移动设备上横向查看时,花名册面板/表格会被缩短

  1. 无法弄清楚如何在“非粘性”模式下使花名册向上折叠,因为当您第一次加载时它位于页面底部....如果这不可能,我想以某种方式制作它几乎低于视口(viewport)并迫使他们先点击按钮向下滚动并将导航置于顶部。

3.单击链接后,移动设备上的导航菜单不会关闭....这不是什么大问题,直到您尝试登录时,模态框才会放在导航菜单后面。我想我可以只更改模式的 z-index,但我更愿意在单击链接时让它消失。

如果我的代码有点乱,我提前道歉,我正在尽力 :(

感谢阅读,非常感谢任何建议!

最佳答案

Elliot Tregoning 你好。
听起来像这样 single page nav 会在这里帮助你。
单击或滚动到页面上的每个位置时,它将更改导航。

关于jquery - 响应式网站中的 CSS/jquery 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31362388/

相关文章:

jquery - 带背景图片的div,根据屏幕大小设置高度?

html - 为什么我的 CSS 不合作?

html - 将图像包含在 CSS 网格内

javascript - 如何在 Materialise CSS 框架中添加对 select 的搜索

twitter-bootstrap - 什么是 Bootstrap 卡 block 类?

javascript - 用于多选的 AngularJS 指令

jquery - bootstrap 词缀偏移量计算 VS 字体行高

javascript - 多张背景图片

javascript - Jetbrains PHPStorm 5.0.4 告诉我我有一个重复的 jQuery 选择器

jquery - 如果键入 @ 符号,则表单验证更改 CSS