激活URL锚点但不滚动到它？

Question

我有一个页面,其中有两个选项卡,我希望能够使用Javascript进行切换,还可以page.html#tab1在URL中设置锚点(例如)以进行书签/链接.

默认情况下,选项卡内容位于两个div中,一个位于另一个下方,锚标记将滚动到正确的标记,并禁用JS.

启用JS后,将应用CSS类以使其充当选项卡.每个选项卡都链接到每个锚点,但是当您单击以切换选项卡时,页面会滚动到选项卡.如果我从onclick函数返回false,则URL不会更改为包含锚点.

如何将浏览器URL更改为page.html#tab1但不滚动到#tab1？

Answer 1

我已经玩了一段时间,因为我最初不相信你(我使用jQuery历史插件来获得类似的行为).

而且我很难过.我认为你不能.你可以做的,作为一种解决方法,是使用javascript将哈希设置为与页面上实际不同的东西.然后在加载时使用javascript来读取哈希并填充正确的内容. 我在我的网站上这样做.因此,在这种情况下,没有javascript的用户会被滚动,带有javascript的用户会保留历史记录链,只有当没有发送链接的人链接到(或反之亦然)时,它才会变得古怪.