jquery - 使用 jquery 缓动插件，导航将无缘无故地工作

Question

我的代码中有一个意外出现的奇怪错误。我正在使用使用 jquery 滑动插件的横向滚动 html 模板。我没有编写代码。我不熟悉更深层次的 jquery，但我可以使用模板模拟网站。我在学习。我想知道为什么当我点击 Fire Code 时我的主页按钮不起作用并且不允许我导航回我的主页位置。让我烦恼的是，如果我点击城市按钮并进入第三个位置，那么我就可以回到我的主位置。只是在第二个位置导致我无法回到我的家位置，我不知道为什么。

相关网站位于 http://lightsandfire.com相应的CSS代码如下。

   ul.vert-one{
        position: fixed;
        top: 5px;
        left: 5px;
        margin:0;
        padding:0;
        list-style-type:none;
        display:block;
        font:bold 16px Helvetica, Verdana, Arial, sans-serif;
        line-height:165%;
        width:200px;
    }

    ul.vert-one li{
        margin:0;
        padding:0;
        margin-top: 2px;
        border-top:1px solid #4D0000;
        border-bottom:1px solid #761A1A;

        }

    ul.vert-one li a{
        display:block;
        text-decoration:none;
    color:#fff;
    background:#600;
    padding:0 0 0 20px;
    width:180px;
    }

ul.vert-one li a:hover{
    background:#900 url("images/vert-one_arrow.gif") no-repeat 0 9px;
    }

ul.vert-one li a.current,ul.vert-one li a.current:hover{
    background:#933 url("images/vert-one_arrow.gif") no-repeat 0 9px;
    }

如果您能帮我找出问题所在，我将不胜感激。

Answer 1

因为 h1 标签非常大，所以它与主页按钮重叠。

添加这个:

h1 {
    font-family: 'Revalia', cursive;
    position: relative;
    left: 250px;
    color: #E600E6; 
    width: 500px; /* This is the new line */
}