当URL包含#key-1时,跳转到name = key-1

时间:2015-12-01 12:45:18

标签: javascript php jquery google-chrome page-jump

每当我的网址包含#时,我希望跳转到所选的哈希。

动态创建#并将其插入header($location);。之后新网址加载如下:www.example.com?p=1#key-1,但它不会转到页面上的选定#。 我怎么能这样做?

我查看了javascript window.location.hash,但我无法弄清楚如何正确使用它。

更新 当我在地址栏中手动输入#sek-31时,网址中的#就会生效。但是,当我重新加载相同的URL时,我会被抛回到页面顶部。

更新二: enter image description here

更新三:

它在以下浏览器中工作:

  • Windows版Safari
  • 火狐
  • 边缘

1 个答案:

答案 0 :(得分:0)

如果您转到www.example.com?p=1#key-1,浏览器会自动滚动到id键-1的元素。因此,只需添加id属性即可。

https://developer.mozilla.org/en/docs/Web/HTML/Element/a#attr-href

(此网址已经针对此进行了演示。当您点击它时会以#attr-href结束,您将直接转到#attr-href部分

http://output.jsbin.com/bajiqu#res 注意我将#res放入网址,以便浏览器滚动到#res段。