页面跳转高于内容

时间:2018-09-24 16:02:14

标签: html css page-jump

在我的菜单(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

https://gyazo.com/43c1c38c7fe7273eee2ad9b42a4ae6fc

0 个答案:

没有答案