2016-12-15 9 views
1

URLブラウザで私の#idを削除するか隠すのを助けてください。URLの#idを削除するには

例: "#p1の" 上

  • 私MENU1目標
  • 私のサイト "mysite.com/index.htm"
  • この「個人用サイトを好きになるでしょう、私は私のブラウザ上でメニュー1をクリックします。 COM/index.htmを#P1" mysite.com/index.htm mysite.com/index.htm#p1 "

    "これが好きではありません"

私はちょうど私のidはURLのブラウザに表示する必要はありません"

#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>

+0

サーバから解析されないため、 '.htaccess'を使ってURLから'#whatever'を取得/置換することはできません。 – nmnsud

+2

なぜあなたはそれをしたいですか? #アンカーのポイントは、ユーザーがそれを使用してページ上のポイントに直接リンクできる点です。 – DavidG

+0

[URLへのリンクを削除/削除しない]の複製があります(http://stackoverflow.com/questions/18436700/remove-avoid-adding-target-link-to-url) –

答えて

0

あり、それを行うには、いくつかの方法があり、私のお気に入りは、ページのリンクではなく、それをブラウザに頼るにスクロールするカスタム関数を作成することです。またこの

$("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」を隠している場合。

希望すると助かります。他の援助が必要な場合は、私に連絡することができます。

関連する問題