用斜线链接到 div答案

【问题标题】：Link with slash to div用斜线链接到 div
【发布时间】：2019-03-21 14:25:34
【问题描述】：

是否有做一个链接，例如 /gallery，它是主页内的一个 div，而不必转到链接，而是到 div 本身并重新加载，不是显示 404 页面而是转到主页和div？

【问题讨论】：

【解决方案1】：

您必须为 div 元素设置一个 id，然后您可以从带有标签 (#) 的链接中引用它

我将在这里向您展示一个小例子：

<-- in your html file-->
<div id="scrollHere">Div's content</div>

那么你可以参考if from url:

http://yourdomain.com/some-uri#scrollHere

浏览器会自动滚动到scrollHere div

【讨论】：

我知道，但是，我一直希望不要将链接用作#div，而是用作/div
那么你应该做一些 hacky jquery 的东西：D 检查 url 并滚动到那个 div

【解决方案2】：

获取 url 并在最后一个“/”之后检索所有内容。获取您希望滚动到的元素。在选定元素上使用 scrollIntoView

var url = "http://mywebsite/folder/green";
var array = url.split('/');
var lastsegment = array[array.length-1];
var elmnt = document.getElementById(lastsegment);
elmnt.scrollIntoView();

div{
  height: 400px;
  width: 100%;
}
#blue{
  background-color: blue;
}
#red{
  background-color: red;
}
#green{
  background-color: green;
}

<div id="blue"></div>
<div id="red"></div>
<div id="green"></div>

【讨论】：

我知道，但是，我一直在寻找不要将链接用作 #div 而是用作 /div
@ChrisChong Okey 将我的代码更改为您所要求的 :)