1. 首頁
  2. 問答
  3. 鏈接到一個新的頁面，並停止在該新打開的頁面的指定滾動點

鏈接到一個新的頁面，並停止在該新打開的頁面的指定滾動點

2017-07-28 50 views
-1

我創建了一個錨鏈接並將href attriubute設置爲我希望它跳轉到的URL。但是，我不知道如何讓用戶在瀏覽器剛剛創建的新窗口中直接看到網址的中間部分。 順便說一句，我的Web瀏覽器由於某種原因無法運行Jquery。我不知道爲什麼。因此，我更喜歡沒有使用Jquery的答案。 :-( 有沒有人可以幫我？欣賞它鏈接到一個新的頁面，並停止在該新打開的頁面的指定滾動點

來源

2017-07-28 Hanqing Zhao

+0

您可以顯示鏈接的例子嗎？ – Royalty

回答

0

如果你想在新頁面上滾動的錨是一個id，#anchor和你的url是example.com，你可以做例子.COM＃錨

來源

2017-07-28 19:52:01

+0

非常感謝！ –

1

設置要滾動到元素上id，然後把#yourid對URL的結尾。

<a href="test.html#foo">Link to foo</a> 

<p id="foo">Bar</p>

來源

2017-07-28 19:54:38

+0

這真的很有用，非常感謝！ –

0

首先創建與您要在跳#position的鏈接。

<a href="#goThere">Link</a>

現在找到內容併爲其指定一個與href="#goThere中使用的ID相同的ID，您希望鏈接在點擊時進行跳轉。例如;

<div class="content"> 
<br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br> 
    <div id="goThere">Lorem ipsum dolor sit amet, consectetur adipisicing 
elit. Illum error nesciunt recusandae id esse odit illo quo odio similique optio, iste non ipsum eius, nostrum temporibus praesentium enim harum soluta. 
    </div. 
</div>

這將跳轉到同一頁上的位置。對於新頁只是給完整的URL href="newpage.html#goThere"或example.com/#goThere

來源

2017-07-28 20:00:44 CodeRomeos

1

假設你想從的index.html將用戶重定向到index2.html的中間部分。將添加到該中間部分（例如'mid'）。然後你可以使用鏈接

<a href="index2.html#mid">link</a> 


div { 
 
    display: block; 
 
    width: 100%; 
 
    height: 600px; 
 
} 
 

 
div#mid { 
 
    background: #eee; 
 
}
<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 
    <div><a href="#mid">link</a></div> 
 

 
    <div id="mid">2</div> 
 

 
    <div>3</div> 
 
</body> 
 

 
</html>

來源

2017-07-28 20:02:27

+0

非常感謝！ –

+0

不客氣！ –

相關問題

 相關問題