11忽略

Question

我在一个网站上工作，IE 11的表现不太好。

我正在使用引导词缀将导航栏粘贴到页面顶部的某个点。

我也有一些锚链接到页面的各个部分。橙色的基本信息是锚。

​

​

如果我在导航定位之前访问其中一个链接，IE滚动到锚下方。锚实际上是脱离屏幕的。

​

​

如果我在导航系统修好后访问链接，就没有问题了。实际的锚在导航线下，但视觉是人们所期望的。

​

​

我在Firefox中也有类似的问题，但Chrome没有。下面的javascript修复了Firefox的问题。

$( '#' + page + ' a' ).click( function ( e ) {
  window.location.hash = $( this ).data( 'target' );
  window.location.hash = $( this ).data( 'target' );
} );

我也可以在FF中使用其他方法，如scrollTo、scrollBy、scrollToAnchor、window.location、.

所有这些都不适用于IE 11。

Answer 1

这个问题是由于使用空的div作为锚点造成的。添加一个 或其他空格字符解决了这个问题。