首先,免责声明:我是一个绝对的新手。
我的问题是滚动效果(除其他外):当点击圈子中的一个链接时,滚动效果也会“早”停止,好像锚点设置得太高“相对于文本,在它上面留下了很多空白区域。
我可以尝试设置另一个锚点,也许是每个部分的h1旁边背景颜色相同的单个字符,但我担心我可能会失去滚动效果。另外,我真的不知道如何在WP中这样做。
所以,实质上,我的问题是:如何设置页面滚动,以使每个页面的标题更接近屏幕顶部?
不确定这是否有用,但以下是与导航有关的template-home.php文件的内容:
<div class="row">
<nav class="<?php if (get_post_meta($post->ID, 'fw_label_four', true)) { ?> offset2 <?php } else {?>offset3 <?php } ?> span8" id="nav-home">
<ul class="row">
<li class="span2">
<a class="circle-menu circle-black" href="#page-2"><span class="label-link"><?php echo get_post_meta($post->ID, 'fw_label_one', true);?></span></a>
<span class="arrow"></span>
</li>
<li class="span2">
<a class="circle-menu" href="#page-3"><span class="label-link"><?php echo get_post_meta($post->ID, 'fw_label_two', true);?></span></a>
<span class="arrow"></span>
</li>
<li class="span2">
<a class="circle-menu circle-black" href="#page-4"><span class="label-link"><?php echo get_post_meta($post->ID, 'fw_label_three', true);?></span></a>
<span class="arrow"></span>
</li>
<?php if (get_post_meta($post->ID, 'fw_label_four', true)) { ?>
<li class="span2">
<a class="circle-menu" href="#page-5"><span class="label-link"><?php echo get_post_meta($post->ID, 'fw_label_four', true);?></span></a>
<span class="arrow"></span>
</li>
<?php } ?>
</ul>
</nav>
</div>