在我的菜单（Sticky）中，有页面跳转，当在Chrome中单击时，页面跳转到内容上方，然后下移至应有的位置。 在Safari中，它只是跳到内容上方，然后停留在那里
由于粘性菜单，我抬起头来，但可惜没有解决。
我的代码：
<ul class="ranch-menu">
<li><a class="active" href="#ranch-about">Home</a></li>
<li><a href="#ranch-riding">Riding</a></li>
<li><a href="#ranch-food">Food</a></li>
<li><a href="#ranch-rates">Rooms & Rates</a></li>
<li><a href="#ranch-services">Activities & Services</a></li>
<li><a href="#ranch-location">Location</a></li>
<li><a href="#ranch-reviews">Reviews</a></li>
<li><a href="#ranch-contact">Contact</a></li>
</ul>
<section class="ranch-riding ranch-section" id="ranch-riding">
more content here... blah blah blah