如何删除网址上的#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页

回答

相关问题