別のページにアンカーをオフセットしました

Question

私のホームページには、自分のサイトの他のページのアンカーを指し示す一連のアイテムがあります。ユーザーは右アンカーに到着しますが、アンカーの先頭の数行はセカンダリページのメニューの後ろに隠れています。私はいくつかの推奨事項を相殺しようとしましたが、うまくいくように思えます。

index.shtmlサブセット：

<ul> 
    <li> 
     <a href="/upcoming_events.shtml#march_madness" 
      title="March Madness Show"> 
      March Madness Show<br /> 
      Saturday March 11th, 2017 from 7:00 to 10:00 pm 
     </a> 
    </li> 
    <li> 
     <a href="/upcoming_events.shtml#earth_day" 
      title="Earth Day"> 
      Earth Day Event<br /> 
      Saturday April 22nd, 2017 from 7:30 to 10:00 pm 
     </a> 
    </li> 
    </ul> 

upcoming_events.shtmlサブセット

<p class="anchor2"> 
    <a name="march_madness"></a> 
    <strong> 
     March madness Show - Saturday March 11th, 2017 
    </strong> 
    <br /> 
    <a class="standard_paragraph"> 
    <i>Presented by The Good Art Series.</i> 
    </a> 
</p> 
<!-- Details of event --> 
<p class="anchor2"> 
    <a name="earth_day"></a> 
    <strong> 
     Earth Day Event - Saturday April 22nd, 2017 
    </strong> 
    <br /> 
    <a class="standard_paragraph"> 
    <i>Presented by The Good Art Series.</i> 
    </a> 
</p> 
<!-- Details of event --> 

CSSサブセット

.anchor2 { 
    vertical-align: bottom; 
    font-family: "Times New Roman", Times, serif; 
    font-size: 18px; 
    font-style: normal; 
    line-height: 18px; 
    text-align: left; 
    color: #000; 
    font-weight: 900; 
} 

.anchor2:before { 
    display: block; 
    content: " "; 
    height: 250px;  
    margin-top: -250px;  
    visibility: hidden; 
} 

別のページのアンカーにリンクするにはどうしたらいいですか？ これを見ていただきありがとうございます。

Answer 1

あなたは<a name="march_madness"></a>のようにacnhorを削除し、idを段落に設定すると思います。例えば

：それをやったntmlbrewery

<p id="earth_day" class="anchor2"> 
    <strong> 
     Earth Day Event - Saturday April 22nd, 2017 
    </strong> 
    <br /> 
    <a class="standard_paragraph"> 
     <i>Presented by The Good Art Series.</i> 
    </a> 
</p>