0

首先，免责声明：我是一个绝对的新手。

我正在修改这个主题，到目前为止，我已经想出了这个.

我的问题是滚动效果（除其他外）：当单击圆圈中的一个链接时，滚动效果将“过早”停止，就好像锚点相对于文本设置得太“高”，在它上面留下很多空白。

我可以尝试在每个部分的 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>
4

0 回答 0