有条件的锚链接

时间:2021-07-03 05:10:55

标签: html css

我有一个目录,然后滚动到各种标题/副标题。

现在除了介绍,其他副标题用户需要登录才能阅读。

如果我使用普通锚点,点击标题会给用户抛出 404 错误...而不是向下滚动到“请登录”容器。

是否有一种简单而干净的方法来设置它,以便如果找不到锚点,它可能会恢复到容器(可能是默认锚点)?

// 我进行了很好的搜索,但找不到与此问题相关的任何内容。

1 个答案:

答案 0 :(得分:0)

<a id='title' href='details.html'>Title Only for logged in users</a>
<div id='signIn'>Please sign in</div>

在js中

if(!user.loggedIn){
 document.getElementById('title).setAttribute('href', '#signIn');
}