我上上下下找了一遍才弄明白这件事。基本上,我已经在我的网站上有一个全屏滑出菜单,其中显示了网站的4个页面的链接(即。主页、关于、位置和帮助页面)。这是主导航,从汉堡包菜单图标滑出。它在任何页面的顶部都工作得很好,但在平滑地向下滚动到任何页面的第二部分并单击固定菜单图标后,菜单滑出时只显示海军蓝背景,没有任何链接。就好像背景向下延伸到第二部分,但链接停留在顶部。任何帮助都将是令人惊讶的,因为这是一个两周后到期的uni作业。 以下是当前(草案)网站的链接:https://jessjonesgraphics.000webhostapp.com 下面是一张图片,向你展示我的具体意思:Image of
我有以下的div结构
<div class="page">
<div id="top" class="header-container">
<!-- navigation menu and search box in here -->
</div>
<div class="main-container col1-layout">
<!-- Fancybox for photo gallery and
我有一个导航菜单,我想有一个下拉菜单的子页面。我创建了它,除了顶部菜单中的页面链接在下拉菜单显示的时候滑向右边,当我将页面链接与子页面悬停时,一切都是正常的。我在这里错过了什么?谢谢你提前帮忙。
以下是jsfiddle.net/AC8XK/
我所拥有的不是100%那样,因为有很多缺失,但它恰恰显示了我提到的问题。
我设法使菜单正常工作。如迈克所说,解决最初问题的方法是将下拉的absolute. ul position 从 relative 改为。
对于下拉列表的定位,我用margin-top. 填充顶代替 top 或<code>e 223</code>来解决这个问
我只是在学习jQuery,遇到了一个我不完全理解的例子。
以下是代码:
var main = function(){
$('.icon-menu').click(function(){
$('.menu').animate({left:'0px'},200) //move menu in
$('body').animate({left:'285px'},200) //shift all content
})
}
$(document).ready(ma
我对此几乎要失去理智了。我有一个bootstrap导航栏,我喜欢自己设计颜色等。因此,我使用以下代码更改了下拉菜单导航栏的链接颜色
.navbar .navbar-nav .dropdown-menu li a {
color:white;
}
它工作得很好,所以如果我有如下菜单项
Menu Item
sub menu item
子菜单项变为白色。
现在问题就从这里开始了。如果我将屏幕变小以折叠导航栏。下拉菜单链接的颜色仍然是默认的,所以我认为bootstrap使用的是媒体查询,不管我怎么尝试,它都不起作用。同样的技术是行不通的。
@media (max-width:767px){
我在页面上使用jQuery跳转/滚动到ID。
这从其他具有锚点的页面中运行,如
<a href="other-page.php#jump-id">Jump & Scroll to ID on other page</a>
在同一页上,只有锚,如
<a href="#jump-id">Jump / Scroll to ID on the same page</a>
这不是最好的解决方案,因为我必须更改我的导航菜单,但它有效(我在页面上加载了另一个带有其他标记的菜单)。
现在我正在寻找一种方法,将偏移量为-23