用斜线链接到div

时间:2019-03-20 13:28:54

标签: javascript .htaccess

无论如何,是否有一个链接,例如/ gallery,它是主页内的一个div,而不必转到该链接,而是指向div本身并重新加载,而不是显示404页面而是转到主页和div?

2 个答案:

答案 0 :(得分:1)

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

我将在这里为您提供一个小例子:

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

然后您可以从网址中引用它:

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

浏览器将自动滚动到滚动此处div

答案 1 :(得分:1)

获取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>