我在使用 jQuery Mobile 时遇到问题。当页面上没有足够的内容时,会出现垂直滚动条,所以页面上会有两个滚动条。我正在使用带有 data-display="push"的左右面板(如果相关的话)。
也许问题在于我如何包含我的 CSS 文件?在我的“主”CSS 文件中,我覆盖了一些 jQuery Mobile CSS 样式。这是自定义 jQuery Mobile CSS 的正确方法吗 - 除了使用我还没有使用过的 Themeroller 之外?我主要更改填充、边距等内容。
我注意到的一件事是,如果我将 ui-content 类从 overflow-x:hidden 更改为 overflow-x:visible,则滚动条将消失。
所以我的问题是:
- 为什么会出现滚动条?
- 我是否以正确的顺序包含了 jQuery Mobile CSS 文件?在我自己的 CSS 文件之前?
- 如果我使用 Themeroller,我必须使用生成的 CSS 文件以及结构 CSS 文件吗? Themeroller 文件之后出现的结构文件?
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<link type="text/css" href="main.css" rel="stylesheet" />
任何帮助将不胜感激。对不起,如果我乱说。谢谢!
最佳答案
这与两件事有关,您链接的 css 和链接它们的顺序。
当您使用主题时,您根本不想链接常规的 jquery.mobile.css 文件,而是需要先链接您的 theme css 文件,然后是 structure 文件 jquery.mobile.structure.min.css。您可能还应该包含 mobile.icons 文件。
<link rel="stylesheet" href="css/themes/your-theme.min.css" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.structure.min.css">
关于css - jQuery Mobile 双滚动条 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26159229/