Question

我想要一个可导致div的书签。书签需要在列表中。每当我单击书签时，它只会一直转到第一格，而不是我指示的那个。

<div id="bookmarks">
    <ol>
        <li><a href="example1"</li>
        <li><a href="example2"</li>
    </ol>

</div>

<div id="example1">
    <img id="img1" src="exampleimg.jpg">
    <h3 id="exapmletext">Example</h3>
</div>



<div id="example2">
    <h3>example</h3>
</div>

它应该转到我提供的ID的div，但它总是转到第一个div

Answer 1

您的标签未正确关闭。
要在标签href属性中定义锚链接，您需要在ID字符串前添加＃。

html,body {
 height:1000px;
}

<div id="bookmarks">
    <ol>
        <li><a href="#example1">Example 1</a></li>
        <li><a href="#example2">Example 2</a></li>
    </ol>
</div>

<div id="example1">
    <img id="img1" src="https://placebear.com/640/360">
    <h3 id="exapmletext">Example</h3>
</div>

<div id="example2">
    <h3>example</h3>
</div>

我想为div创建一个书签，并且希望该书签包含在列表中

1 个答案: