如何刪除網址上的#id頁

請幫我在url瀏覽器上刪除或隱藏我的#id。如何刪除網址上的#id頁

例如：

的「＃P1」
我的地盤「mysite.com/index.htm」
當我點擊菜單1在我的瀏覽器會喜歡這個「mysite的我的菜單1的目標。 COM/index.htm的＃P1"

我需要我的ID不會顯示在瀏覽器的網址只是「mysite.com/index.htm」不是這樣「mysite.com/index.htm#p1」

#p1:target { background: red;} 
 
#p2:target{ background: green;} 
 
#p3:target{ background: blue;} 
 
#p4:target{ background: yellow;} 
 
#p5:target{ background: coral;} 
 
#p6:target{ background: skyblue;} 
 

 
ul{list-style-type: none; 
 
    margin: 0; 
 
    padding: 0; 
 
    overflow: hidden; 
 
    background-color: #333; 
 
} 
 
li {float: left;} 
 

 
li a{ display: inline-block; 
 
    color: white; 
 
    text-align: center; 
 
    padding: 14px 16px; 
 
    text-decoration: none;} 
 

 
li a:hover { 
 
    background-color: #111; 
 
}

<div id="menu"> 
 
    <input type="checkbox" id="tbl-menu"/> 
 
    <label for="tbl-menu"><img src="drop.png" height="40px" width="40px" alt=""></label> 
 
     <nav class="nav"> 
 
     \t <ul class="tombol"> 
 
     \t <li class="tombolmenu"> 
 
     \t  <a class="t1" href="#p1">Menu1</a></li> 
 
      <li><a class="t2" href="#p2">Menu2</a></li> 
 
      <li><a class="t3" href="#p3">Menu3</a></li> 
 
      <li><a class="t4" href="#p4">Menu4</a></li> 
 
      <li><a class="t5" href="#p5">Menu5</a></li> 
 
      <li><a class="t6" href="#p6">Menu6</a></li> 
 
     \t </ul> 
 
     </nav>  
 
     </div> 
 

 
<!-- My page target --> 
 

 
<div id="p1"> Page1 </div> 
 
<div id="p2"> Page2 </div> 
 
<div id="p3"> Page3 </div> 
 
<div id="p4"> Page4 </div> 
 
<div id="p5"> Page5 </div> 
 
<div id="p6"> Page6 </div>

來源

2016-12-15 Ojan Mri

您不能使用'.htaccess'從URL中'＃whatever'替換'因爲它沒有被解析到服務器。 – nmnsud

你爲什麼要這麼做？＃anchor的要點是用戶可以使用它來直接鏈接到頁面上的某個點。 – DavidG

[刪除/避免將URL添加到目標鏈接]可能的重複（http://stackoverflow.com/questions/18436700/remove-avoid-adding-target-link-to-url） –

有幾種方法可以做到這一點，和我最喜歡的是做一個自定義函數滾動到頁面的鏈接，而不是依賴於瀏覽器吧。像這樣

$("a[href^='#']").click(function(e){ 
    e.preventDefault(); 
    var elem = $($(this).attr('href')); 
    /* check for broken link */ 
    if(elem.length) 
    $(window).animate('scrollTop' , elem.offset().top) 
})

此外，如果從URL它也將動畫滾動隱藏「#ID」。

希望它會有所幫助。如果您需要任何其他幫助，可以與我聯繫。

來源

2016-12-15 11:15:49

如何刪除網址上的#id頁

回答

相關問題