現在、単純な<a name>
スクロールを使用しています。ただし、上部マージンに問題があります。それらの上にスペースがありすぎるので、タイトルを上に肉付けしたいと思います。私はjavascriptとjqueryの理解が不足しており、精力的に調査しましたが、何もうまくいかないようです. これに対する簡単な解決策、またはこの効果を引き出すための「ベストメソッド/ベストプラクティス」はありますか?
<h2><a style="color: #fff" name="classic">
<div class="menutitle">
<img src="/system/images/W1siZiIsIjIwMTMvMDUvMDEvMTNfMTdfMDNfMjA2X2NsYXNzaWNzLnBuZyJdXQ/classics.png" />
</div>
</a>
</h2>
<div class="large-3 pull-9 columns" style="
position: fixed;
height: 50%;
width: 15%;
">
<div class="panel">
<ul class="side-nav">
<li><div id="appetizer2"><a href="#appetizer"><h3>appetizers</h3></a></div>
</li>
<li><div id="soupmenu"><a href="#soup"><h3>soups & side salads</h3> </a>
</div>
</li>
<li><div id="classic"><a href="#classic"><h3>classic</h3></a>