jqueryイージングプラグインを使用して、既知の理由でナビゲーションが動作しない

Question

予期せず発生したコードに奇妙なバグがあります。私はjqueryスライディングプラグインを使用してサイドスクロールHTMLテンプレートを使用しています。コードを記述しませんでした。私はjqueryのより深いレベルに慣れていませんが、私はテンプレートを使ってウェブサイトをモックアップすることができます。私は学んでいます。私はFire Codeをクリックすると、私のホームボタンが機能せず、ホームポジションに戻ることができない理由を知りたいのですが。私がバグをするのは、私がCityボタンをクリックして3番目のポジションに入ると、私はホームポジションに戻ることができるということです。私がホームポジションに戻ることができなくなる原因は2番目のポジションに過ぎず、理由はわかりません。

問題のウェブサイトは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 */ 
}